传智专修学院社区

[全栈学科] js的使用汇总(欢迎探讨)

2018-11-6 14:35
503

js,不外乎就是定义对象、操作对象、输出对象。

  1. <script>

  2.     var a ;//定义对象
  3.     a = 1;//操作对象
  4.     alert(a);//输出对象

  5. </script>
复制代码
JS中的对象声明

声明规则

  • 相同作用域无需重复声明 作用域后期进行讲解,现在理解为{}括号内部
  • 区分大小写
  • 必须下划线或字母开头,当然可以汉字,不过不推荐。
  • 运行时遵循:定义、赋值、使用的顺序。

变量声明

变量=对象 变量就是一个对象,只是说法不一样而已。

var a; 这个就是定义一个对象,var是一个关键字,使用它就代表它后面的值是一个对象。

我们还可以这样声明变量:

  1. var a , b; //同时声明两个变量

  2. var a = 10; //声明变量同时赋值

  3. var
  4.     a = 10,
  5.     b = 20; //同时声明两个变量都分别赋值

  6. var a ,b = 20; //同时声明两个变量,对其中一个赋值。
复制代码

同时声明多个变量,用,逗号隔开,注意,JS里面的符号不能是中文符号,也就是你的输入法要调整为英文输入状态。

方法声明

与变量一样,方法=对象,不过与变量有区别的是,方法是可执行的。

  1. <script>
  2. //定义方法
  3. function a(){
  4.     alert('方法');
  5. }
  6. a();//运行
  7. </script>
复制代码
赋值

JS不向后端语言那么严谨,赋值不需要类型(下一篇讲到)限制。

赋值:变量名 = 值;

  1. <script>
  2.   var a  = 10; //给变量a赋值为10
  3.   alert(a);
  4.   a = 'hello world';//再给a赋值为`hello world`
  5.   alert(a);
  6. </script>
复制代码

给一个变量再次赋值,会覆盖之前的值。

我们可以赋值一个方法:

  1. <script>
  2.   var a = function (){
  3.       alert('a是一个方法');
  4.   }
  5.   alert(a);
  6.   a();
  7. </script>
复制代码

上面代码可以看到,当a是一个方法的时候,弹出了方法的内容,运行的时候,就执行了方法内部代码。

如果我们给一个方法赋值:

  1. <script>
  2. function a (){
  3.     alert('我是一个方法');
  4. }
  5. a();//运行
  6. a = 123;//赋值
  7. a();//运行
  8. </script>
复制代码

运行上面代码,我们可以看到浏览器只弹窗了一次窗口,按F12打开控制台,找到Console,我们可以看到一个报错:Uncaught TypeError: a is not a function

我们把a的值赋值给b;

  1. <script>
  2.     var a = '10',
  3.         b;
  4.     alert(b);
  5.     b = a ;
  6.     alert(b);
  7. </script>
复制代码

所有未赋值的变量都是undefined,所以第一次弹框的值为undefined,方法也是同理。

变量提升

虽然JS代码是从上到下解析的,不过它还存在一个规则,就是变量提示.

  • 先定义方法再定义变量
  • 先定义变量再复制
  1. <script>
  2.   alert(b());
  3.   var a = b();

  4.   function b() {
  5.       return 'b';
  6.   }
  7.   alert(a);
  8. </script>
复制代码

实际上上面代码解析是这样的:

  1. <script>
  2.   function b(){
  3.       return 'b';
  4.   }
  5.   var a;
  6.   //上面都是定义
  7.   alert(b());
  8.   a = b();
  9.   alert(a);
  10. </script>
复制代码

你可以这样理解:优先定义function b,然后定义变量var a;,最后赋值和输出。

注释

和html、css一样,js也有自己的注释.

js的注释有两种,区域注释/*注释内容*/和单行注释//注释内容,

  1. //这里是单行注释,上面有用到

  2. /*
  3. function a (){
  4.     alert('这里是区域注释,代码不会运行');
  5. }
  6. */
复制代码
万能+加号

在JS中,加号不仅仅是做加法的,还可以合并两个字符串。

  1. <script>
  2. var
  3.     a = 1,
  4.     b = 2,
  5.     c= a +b;
  6.     alert('这里是一个计算:' + a + '+' + b + '='+ c);
  7.    a  =  '我是zoeDylan';
  8.    b = '我喜欢写代码';
  9.    c = a+b;
  10.   alert(c);
  11. </script>
复制代码
单引号,双引号

在JS中,单引号和双引号表示字符串,在运行中符号不会输出。

  1. <script>
  2.     var a ='我是单引号';
  3.     var b ="我是双引号";
  4.     alert(a+b);
  5. </script>
复制代码

上面代码中可以看到,我们赋值的单引号和双引号并没有被输出。

定义的时候,不能前面单引号,后面双引号

  1. var a = '我是单引号后面双引号";  //这个是错误的。
复制代码

如何输入单引号和双引号呢?

  1. <script>
  2.   var a = "'输出了单引号'";
  3.   var b = '"输出了双引号"';
  4.   alert(a+b);
  5. </script>
复制代码
分享到 :
0 人收藏

3 个回复

倒序浏览
橙子学姐  管理员 | 2018-11-06 14:48:49
棒棒哒!
卢正兴  新手上路 | 2018-11-06 17:28:37
厉害厉害了
李嘉宝  新手上路 | 2018-11-07 11:15:00
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|传智专修学院社区 ( 苏ICP备16007882号-4  

返回顶部