js之ECMAscript

时间：2022-04-27 21:58:36

1.基本数据类型和一些运算

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <script type="text/javascript" src="">

     </script>

 </head>

 <body>

 <script type="text/javascript">

     /*变量*/

     var a=1,b=3;

     alert(a);

     var s="hello";

                         //console在浏览器中的检查中的console结果中可以看。

     console.log(s);

     if(a<b){

         alert(b);

     }

     /*注释的方式跟Java一样*/

     /*数据类型

         1.Number 包括整形和浮点型

         2.String 字符串数字类型

         3.Boolean

         4.Undefined

         5.Null

         NaN:字符串转换成数字失败的时候，属于number数据类型。

     */

     var obj=null;

     alert(obj);

     var i=10;

     var s="hello";

     var b=false;

     var t=true;

     var u=undefined;

     var obj2=new Object();

     console.log(typeof(obj))

     console.log(typeof(i));

     console.log(typeof(s));

     console.log(typeof(b));

     console.log(typeof(t));

     console.log(typeof(u));

     console.log(typeof(obj2));

     /*复制运算，在js和Java中有++和--运算，但是python里面没有*/

     var ja=1;

                         //运算前先赋值，在加一

     var he=ja++;

     alert(he);

     alert(ja)

                         //有意思的13221

     var x=1;

     alert(x++);

     alert(++x);

     alert(--x);

     alert(x--);

     alert(x);

 </script>

 </body>

 </html>

2.ecmascript的基于对象

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>ECMA对象</title>

     <script type="text/javascript">

         /*在js中由于是基于对象的，并且分成了三种对象

             1.ECMAscript

             2.DOM对象

             3.BOM对象

         */

         /*ECMA中的11中内置的对象

             Array String Date Boolean Number Function Global Error RegExp Object

             在数据类型中除了null和undefined，其它的都是定义成了对象。

         */

         var str=new String("Hello");

         alert(str);

         var date=new Date();

         alert(date);

         /*函数对象Function*/

         function func(){

             alert(123);

             return 8;

         }

         func();

         var ret=func();

         alert(ret);

                     //第二种方式

         var fun1=new Function("参数1","参数2","函数体");

         var add=new Function("a","b","alert(a+b);");

         var result=add(22,1);

         console.log(result);

                    //Function的属性和方法

         function f(a,b){

             return a+b;

         }

         alert(f(1,2));

         alert(void(f(1,2)));

                 //Function中的argument对象

         var result=0;

         function add222(){

                 for(var i=0;i<arguments.length;i++){

                      result+=arguments[i];

                 }

                 return result;

         }

         var ha=add222(1,2,3,4,5,6,7);

         alert(ha);

         function func2(){

             if(arguments.length!=3){

                 throw new Error("参数不能超过3");

             }

         }

         func2(1,2,3);

         /*匿名函数*/

         var niminghanshu=function(){

                 alert("匿名函数");

         };

         niminghanshu();

                         //根据匿名函数，可以使用自执行函数。

         (function(a){

             alert("匿名函数2");

         })(1);

 </script>

 </head>

 <body>

 </body>

 </html>

3.内置对象之数组

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>数组</title>

     <script type="text/javascript">

         //创建方式一：

         var arr=[1,2,3,4];

         //创建方式二

         var arr2=new Array(1,"hellow",true,4,5);

         console.log(arr.length);

         console.log(arr2.length);

         //创建方式三

         var arr3=new Array(3);

         console.log(arr3.length);

                                 //相当于占用了三个位置值为：undefined

                                 //如果采用初始化方式创建数组，如果里面只有一个值，而且是一个数字，

                                 //那么数字表示的是长度而不是内容。

         console.log(arr3[0]);

         console.log(arr3[1]);

         console.log(arr3[2]);

         console.log(arr3);

                                 //数组可变长，也就是因为undefined的存在

                                 //也就是说在别的语言要报错误的时候，js可以使用undefined进行解释

                                 //这就体现了灵活性。

         var arr4=new Array(3);

         arr4[5]='hellow';

         console.log(arr4.length);

         console.log(arr4[3]);

         /*数组:*/

                     //二维数组

             var arr4=new Array(5,"hello",true,[1,3]);

             console.log(arr4[3][1]);

                     //数组对象的方法join,在Python中字符串对象才有join   *****

             var reluts=["hello","world"].join("++++++");

             console.log(reluts);

                     //shitf unshift pop push -------栈操作--------*****

                     //队列，先进先出；栈，后进先出。

                     //压栈push，弹栈pop，后进先出

             var arr5=[1,4,6];

             arr5.push(13);

             console.log(arr5);

             arr5.pop();

             console.log(arr5);

                    //shift 和unshift

             var arr6=[1,5,10];

             console.log(arr6);

             arr6.unshift(45);

             console.log(arr6);

             console.log(arr6[0]);

             arr6.shift();

             console.log(arr6);

                   //----------sort reverse---------------

             var arr7=[1,4,12,6];

             arr7.reverse();

             console.log(arr7);

             console.log(arr7.sort());//sort排序比较的是assic码

 </script>

 </head>

 <body>

 </body>

 </html>

4.引用对象之Date

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>date</title>

     <script type="text/javascript">

         /*创建方式*/

                 //第一种

         var date=new Date();

         console.log(date);

         console.log(date.toString());

         console.log(date.toLocaleString());

                 //第二种

         var date=new Date("2017/3/21 12:20 ");

         alert(date.toLocaleString());

                 //第三种,这种方法可以自定义时间格式，通过字符串拼接。

         var date_obj3=new Date(5000);

         console.log(date_obj3.toLocaleString());

         console.log(date_obj3.getFullYear());

         console.log(date_obj3.getMonth());

         console.log(date_obj3.getDay());

         console.log(date_obj3.getHours());

         console.log(date_obj3.getMinutes());

         console.log(date_obj3.getHourMinuteSecond);

         console.log(date_obj3.getMilliseconds());

 </script>

 </head>

 <body>

 </body>

 </html>

5.正则表达式

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>RegExp</title>

     <script type="text/javascript">

         //方式一

         var re_obj=new RegExp("/d+","g");

         alert(re_obj.test("asdf3245sdk"));

         //方式二

         var re_obj2=/\d+/g;

         alert(re_obj2.test("fslfsfjsdkafjs"));

         /*未完待续*/

     </script>

 </head>

 <body>

 </body>

 </html>

6.Math

7.

 

js之ECMAscript的更多相关文章

  1. Vue&period;js &plus; Webpack &plus; ECMAScript 6 入门教程

    Vue.js学习教程 1.Vue.js——60分钟快速入门 2.Vue.js——60分钟组件快速入门(上篇) 3.Vue.js——60分钟组件快速入门(下篇) 4.Vue.js——基于$.ajax实现 ...

  2. Node&period;js入门笔记（1）：基本概念

    Node.js和JavaScript: 核心都是ECMAScrit,比如数据类型,语法结构,内置对象等等. 但是在js中顶层是window 在node中的不存在这个window(console.log ...

  3. 重温《js权威指南》 第4、5、6章

    第四章 表达式和运算符         4.2 对象和数组的初始化表达式                数组: []   [3,7] [1+2,3+4] [[1,2,3,],[4,5,6],[7,8, ...

  4. 前端知识点-JS相关知识点

    1.谈谈你对Ajax的理解?(概念.特点.作用) AJAX全称为"Asynchronous JavaScript And XML"(异步JavaScript和XML) 是指一种创建 ...

  5. python之路-----前端之js&lpar;一&rpar;

    一.JS发展历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape ...

  6. day51 JS基础

    复习 1.字体图标 用i标签, 设置类名, 与第三方字体图标库进行图标匹配 <link rel="stylesheet" href="font-awesome-4. ...

  7. js的介绍 及用法 常量 变量！

    1.js介绍 js全程叫javascript,但不是java 他是一门前台语言 而java是后台语言. js的作者是布兰登 爱奇 前台语言:运行在客户端 后台语言:跟数据库有关的. 2.能干什么? 页 ...

  8. js的简单介绍

    1.js的介绍 js全称叫javascript,但不是java,他是一门前台语言,而java是后台语言. js的作者是布兰登艾奇. 前台语言:运行在客户端的 后台语言:跟数据库有关的. 2.能干什么? ...

  9. JS&lpar;JavaScript）的初了解（更新中&&num;183&semi;&&num;183&semi;&&num;183&semi;）

    1.js介绍 Js全称叫javascript,但不是java,他不仅是是一门前台语言,经过发展,现在也是一门后台语言:而java是后台语言. Js作者是布兰登艾奇. 前台语言:运行在客户端的 后台语言 ...

随机推荐

  1. Java 性能分析工具 &comma; 第 3 部分&colon; Java Mission Control

    引言 本文为 Java 性能分析工具系列文章第三篇,这里将介绍如何使用 Java 任务控制器 Java Mission Control 深入分析 Java 应用程序的性能,为程序开发人员在使用 Jav ...

  2. Atitit 面向对象编程（OOP）、面向组件编程（COP）、面向方面编程（AOP）和面向服务编程（SOP）的区别和联系

    Atitit 面向对象编程(OOP).面向组件编程(COP).面向方面编程(AOP)和面向服务编程(SOP)的区别和联系 1. 面向组件编程(COP) 所以,组件比起对象来的进步就在于通用的规范的引入 ...

  3. 一般处理文件&period;ashx中使用文件session遇到的问题

    在给其他网站提供接口的时候用ashx做的,在文件调用cs中的方法,方法中的Session报错:System.NullReferenceException: 未将对象引用设置到对象的实例. /// &l ...

  4. mybatis generator配置文件

    <!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration ...

  5. 对使命召唤OL游戏中队友能相互救治的动作设定的感慨

    很偶然的在网吧看到有人在玩一个枪战游戏,场景特别真实特别吸引人,后来留意到是使命召唤OL.我使用QQ帐号(是腾讯代理)玩了一次,觉得游戏做的确实精致,子弹打击效果和人物被子弹击中的效果特别真实,大家可 ...

  6. HTML5 新功能

    HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素,比如 article.footer. ...

  7. 把本地建好的项目提交到git上

    才开始用git来控制项目版本,刚开始时不是很会用,由于公司最近新开个项目,需要我把建好的项目放到git上去,慢慢的摸索,终于有点小小的结果,把一个项目成功提交到git上了,在这里记录下,以免下次忘记, ...

  8. Python生成随机数的方法

    这篇文章主要介绍了Python生成随机数的方法,有需要的朋友可以参考一下 如果你对在Python生成随机数与random模块中最常用的几个函数的关系与不懂之处,下面的文章就是对Python生成随机数与 ...

  9. Openstack（企业私有云）万里长征第一步——安装

    一.前言 单位新进了十几台服务器,建了一个高标准的一体化机房,状似刘姥姥进大观园的我,从机房规划到企业私有云搭建一一重头学来,除了机房泥墙其他基本都涉猎到了. 从企业私有云这个名字就能看出这是多么复杂 ...

  10. ubuntu14&period;04 安装 php Composer时 composer&colon;未找到命令

    在Ubuntu14.04环境下,进行composer安装时,各个方面都很顺利,安装完成后,出现了如下的错误提示: 百思不得其解!本人的环境是Ubuntu14.04 ,安装过程也是严格按照compose ...

相关文章