初入JS(一)

一、JS引入方式

和CSS引入方式相对比

CSS引入方式:

1.行间
<div style=""></div>

2.内部

3.外部

JS引入方式 :

1.行间
<div onclick="alert(123)">aaa</div>

2.内部

3.外部
<script src="base.js"></script>


JS变量

 变量名:规范->不能用关键字和保留字

 关键字:已有的语法(类似   var  等)

 执行顺序(从上到下,从左到右)以及赋值时的执行顺序(从右向左)

 三元和指数都是从右向左执行的


JS数据类型

什么是数据类型?
  数据类型在数据结构中的定义是一组性质相同的值的集合以及定义在这个值集合上的一组操作的总称。

 六种划分

  字符串、数字、布尔值、对象、null、undefined
    基本类型:字符串、数字、布尔值
    复合类型:对象
    特殊类型:null、undefined

 八种划分

  字符串、数字、布尔值、对象(狭隘的对象、数组、函数)、null、undefined

  Symbol 是ES6中的第七种类型

  扩展

  单引号还是双引号?
   在JS中均可,保证是英文状态下的引号即可,推荐用单引号:和HTML属性区分

  转义的用处

   可以输出一些特殊的字符串

   加号的两种意义?

   1.连接:字符串操作的时候
   2.相加: 数字操作的时候

   嵌套引号的时候的注意事项

   单引号套双引号……即互相嵌套,不可单引号套单引号,双引号也是


undefined和null的区别?

  1.null计算的时候,会转成0;而undefined不会转。
  2.null是一个主动设计成的空值,undefined是一个被动的设计成未定义。
  3.null是先有的类型,而undefined是后有的类型,是对null的完善补充。


字符串拆行问题

   1.用+进行连接

1
2
3
4
var str = '<ul>' +         //解决折行问题
'<li>1</li>' +
'<li>2</li>' +
'</ul>';

  2.用\进行连接

1
2
3
4
var str = '<ul>\
<li>1</li>\
<li>2</li>\
</ul>';

    注意:  \   符号后不能有任何字符,包括空格。
  3.ES6 新特性 用``进行连接

1
2
3
4
var str = `<ul>        
<li>1</li>
<li>2</li>
</ul>`;


初入JS(一)
https://moewang0321.github.io/2019/08/05/2019-08-05-初入JS(一)/
作者
Moe Wang
发布于
2019年8月5日
许可协议