初识JavaScript

一、 JavaScript简称JS

二、JavaScript是什么？

  • 是一门脚本语言，不需要编译，直接运行
  • 是一门解释性语言：遇到一样代码就解释一行代码
  • 是一门动态类语言---不解析
  • 是一门基于对象的语言
  • 是一门弱类型语言：声明变量的时候都使用var

三、JS分三个部分

  • ECMAScrapt标准：JS的基本语法
  • DOM：文档对象模型（Document Object Model，简称DOM）
  • BOM：浏览器对象模型（Browser Object Model）

四、变量

  • 作用：操作数据（存储数据、读取数据）
  • 变量的声明
  • var变量名字；
  • 变量的初始化
  • var变量名字=值 ------->字面量的方式赋值
  • var str=“您好”；
  • JS中会区分大小写
  • JS可使用单引号‘’或者使用双引号”“，推荐使用双引号”“
  • JS中每行代码结束要有分号；

五、数据类型

  • JS中的原始数据类型：number、string、boolean、undefined、null、OBject
  • MDN（JS官方文档）
  • null和undefined数据是没有太大意义的null是很有意义的----对象的位置讲
  • 1 var flag = null;

     

  • NaN---不是一个数字，不是一个数字和一个数字计算---->结果就是NaN
  • isNaN（）----判断这个变量或是这个值是不是 不是一个数字---如果不是一个数字结果是true，如果是一个数字结果为false
  • number数据类型：无论是整数还是小数都是number数据类型
  • string数据类型：字符串，获取字符串的长度：变量名.length
  • boolean数据类型：两个值：true、false
  • 1 var flag=1;
2 console.log(flag);
    View Code

     

  • null：只有一个null
  • undefined：只有一个undefined，一个变量声明了，没有赋值
  • OBject-----对象---面向对象，构造函数为给定值创建一个对象包装器。如果给定值是 null 或 undefined，将会创建并返回一个空对象，否则，将返回一个与给定值对应类型的对象。

六、类型转换

  • 其他类型转数字
  • parseInt（）----转整数
  • parseFloat（）----转小数
  • Number（）-----转数字 -----要比上面两个严格
  • 其他类型转字符串
  • .toString（）
  • String（）；
  • 其他类型转布尔类型
  • Boolean（）---- 要么true，要么false
  • 运算符-----操作符
  • 算数运算符：+ - * / %
  • 复合运算符：+= -= *= /= %=
  • 赋值运算符：= 优先级别是最低的
  • 一元运算符：++ --
  • 三元运算符：？ ；
  • 关系运算符：< > <= >= == === != !==
  • 逻辑运算符：&& || !
  •  
  • 关系运算符的结果是布尔类型
  • 逻辑运算符的结果是布尔类型
  •  
  • 表达式1&&表达式2
  • 如果有一个为false，整个结果就是false
  • 表达式1||表达式2
  • 只有一个true，整个结果为true
  • ！表达式---结果就是取反
  • 案例：交换两个变量的值
  •  1   <script>
 2     //变量的交换的第一个思路：使用第三方的变量进行交换
 3     var num1 = 10;
 4     var num2 = 20;
 5     //把num1这个变量的值取出来放在temp变量中
 6     var temp = num1;
 7     //把num2这个变量的值取出来放在num1变量中
 8     num2 = num1;
 9     //把temp变量的值取出来放在num2变量中
10     num2 = temp;
11     console.log(num1); //20
12     console.log(num2); //10
13     
14     //第二种方式交换：一般用于数字的交换
15     
16     var num3 = 10;
17     var num4 = 20;
18     //把num3的变量中的值和num4变量中的值，取出来相加，重新赋值给num3这个变量
19     num3 = num3+num4; //30
20     //把num4的变量中的值和num4变量中的值，取出来相减的结果重新赋值给num4这个变量
21     num4 = num3-num4; //10
22     //把num3的变量中的值和num4变量中的值，取出来相减的结果重新赋值给num3这个变量
23     num3 = num3-num4;//20
24     console.log(num3,num4);
25   </script>
    View Code

     

posted @ 2019-08-08 19:05  Alex-jiang  阅读(65)  评论(0)    收藏  举报