js基础和运算符

Posted 2021-02-05 伊人怎会持宠而骄

1、什么javascript？    运行环境 ：    浏览器                  

 是一种具有安全性的客户端的脚本语言     用来实现与web页面交互

脚本语言：语言嵌入到html代码中

js可以让页面中静止的元素动起来       

 

2、js的历史背景（了解）

布莱登.艾奇

JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器端负责的一些表单验证。在那个绝大多数用户都在使用调制解调器上网的时代，用户填写完一个表单点击提交，需要等待几十秒，完了服务器反馈给你说某个地方填错了......在当时如果能在客户端完成一些基本的验证绝对是令人兴奋的。当时走在技术革新最前沿的Netscape（网景）公司，决定着手开发一种客户端语言，用来处理这种装简单的验证。当时就职于Netscape公司的布兰登·艾奇开始着手计划将1995年2月发布的LiveScript同时在浏览器和服务器中使用。为了赶在发布日期前完成LiveScript的开发，Netscape与Sun公司成立了一个开发联盟。而此时，Netscape为了搭上媒体热炒Java的顺风车，临时把LiveScript改名为JavaScript，所以从本质上来说JavaScript和Java没什么关系

95 -- 网景      liveScript       

java              javascript  

h5 :   

h5  和 js  关系   ：   是一样的  目的都是让静止的东西动起来      动画        

 

3、javascript的组成？

ECMAScript    欧洲计算机制造商协会   是一个组织   ，用来规范js语法   ES5   ES6

BOM               文档对象模型

DOM               浏览器对象模型

 

4、javascript  代码实现   内部脚本或外部连接

内部引入

1、所有的js代码必须出现在 <script>标签内   初学建议放到 body下面

2、<script>标签位置任意 除了title标签内   

外部引入

3、使用 <script src="路径"></script>

4、具有src属性的script标签内js代码无效

 

5、javascript的几个输出语句

 alert()   弹出对话框     阻塞其他代码执行   

 console.log()    控制台输出  用于调试

alert和 console.log  换行用“ ”

 document.write(  ); 在浏览器输出 

document.write 可以识别CSS的内联样式和HTML标签的自带样式

快捷键 ：  ctrl + / 单行注释   

                ctrl + shift + /  多行注释

                ctrl + 上箭头  向上调整代码   （下箭头  向下调整代码）

                ctrl + D  删除一整行 

 总结 ： 

.   前面的叫 对象   document.write()              

.  后面的有括号 叫方法  document.write()     

.  后面没有括号  叫 属性

 

 

6、js中的注释

 //   单行注释

/**/ 多行注释

 

7、js中的字面量（常量）  固定不变的量

 数值number

    整数

        十进制整数  0--9   90

        二进制      0 1 组成

        八进制      0--7组成   一般以   0开头    076   

        十六进制    0--9  a--f  一般以 0x   颜色 ： #ffffff     

    小数  

 字符  string

    用引号括起来的单个字或多个字以及5位数以上的数字串   

    但是注意 引号嵌套   外面用双引号，里面就用单引号，反之相反

 布尔值 ：  true 真    false  假    

 

8、js中标识(zhi)符（变量）的命名规范    

 1、 由 字母  数字  下划线   $  组成

 2、不能用数字开头

 3、不能用系统指定的关键字 命名 

例如 ：   a3    sname   age     -age(错误)   _json   5a(错误) 

 不要情绪化命名  

 驼峰式命名法 ：

    小驼峰   qianFengJiaoYu        getElementById()

    大驼峰   QianFengJiaoYu

 匈牙利命名  ：    

    iNum = 90  

    oBtn         object

 

9、js中的变量

 什么是变量 ：  在程序运行的过程中  值有可能会发生变化

 

10、变量的定义和赋值

var 定义变量  （var 可以省略  不建议）

var num = 90;

定义多个变量时，用逗号隔开

五位数以上的数字串用双引号括起来改成字符串

变量必须先定义 后使用

 

11、js中输出结果时注意几个问题：

  1、如果输出的是变量  不能加引号

  2、如果输出的是字符 ， 必须加引号

  3、如果输出的是数字 ， 可以不加引号

  4、如果输出字符和变量，中间必须用 + 连接

 

12、变量的数据类型（重点）

 基本数据类型 ：

    字符型 string  值有多个

    数值型 number  值有多个

    布尔型  boolean 值有两个  true 真   false  假

 复合数据类型（引用数据类型，对象数据类型） ：

    object 对象

 特殊数据类型 ：

    undefined  null  

 

 function  函数   

 

13、（扩展） 测试变量的数据类型

typeof 变量        

typeof typeof( 变量 )   结果都是string

typeof( 变量 )     值的情况 ： string  number  boolean  undefined object  function   （没有null）

 

14、运算符和表达式    （重点）

运算符 ： 操作运算的符号  

表达式 ： 一个常量、一个变量、一个式子 都称为表达式     

 

每一类运算符有哪些？？

每一类运算符对应的表达式？？

每一类运算符对应的表达式的值？？

 

15、算术运算符

运算符 ： +  -  *  /   %  (二元运算符  双目)

               ++   --    （一元运算符   单目）  

 -  *  /   %  运算符对应的表达式值 ： 

 1、两侧都是数值 正常计算

 2、有一侧是纯数字字符串  字符串自动转换成数值   正常计算

 3、有一侧是非数字字符串  结果NaN  

     NaN ： not  a  number   不是一个数  NaN不等于任何数和他自己  

 

% 模运算符 （求余数）: 

1、结果取决于 "%" 左侧的操作数

2、大数 % 小数 = 余数   如 5%3=2

3、小数 % 大数 = 小数(绝对值)  如 3%5=3

4、任何数 % 10 === 个位数  

 

+ ：  表示 加法运算 和 连接 

 数字和字符串相加 表示 连接      100+"10" - 10   --> 10000      结果类型  number 

 

单目  ++  自增      --自减  

注意 ：自增和自减运算符 操作数必须是变量    

    i++ 或 ++i  

   i++和++i的异同：

    相同点 ： 自增变量的值都会自增1 

    不同点 ： 表达式的值不同  

                   如果 ++i ， 先将自增变量i的值赋值给 j ， 然后自增变量i再自增1 （先赋值  后自增）

                   如果 i++  ，先将自增变量i的值自增1，在将自增变量i的值赋值给 整个表达式j   

 

16、赋值运算符

  =  赋值 

 将右侧的值 赋值给 左侧的变量  

 注意 ： = 符号左侧必须是变量        如  y = 10-x 

 

  复合赋值运算符 ：   +=    -=    *=   /=   %=    

  x+=10  等价  x = x + 10    

 

17、关系运算符

 运算符 ：  >  >=   <  <=    ==等于      ===全等于      !=不等于      !==不全等

 表达式 ：  3>4     2===3  

 表达式的值 ：   表达式成立 为true，不成立 为 false 

 表达式值几种情况 ： 

 1、两侧都是数值   正常比较

 2、两侧都是字符   正常比较    

      根据字符的ASCII码 值 进行比较 

      a--97   A--65  0--48 往后每个数加1

 3、某一侧是纯数字字符串  字符串自动转成数值 

 4、不能正常比较的结果都是 false

 

== 和 === 区别 ： 

 == 只比较值是否相等   

 ===  先 比较类型，再比较值

 

18、逻辑运算符

 运算符 ： && 与    || 或    ! 非  

 表达式 （参与逻辑运算的一般为 布尔类型 ）     3>4 && 6==5      3>4 || 9==9       !true

 表达式的值 ：

    && （且） ：   && 两侧都为真  ，结果为true  ， 否则为 false           3>4 && 6==5 --> false     

    ||  （或）    :     ||  两侧都为假 ，结果为 假 ，否则就为真      3>4 || 9==9 -->   true

    ！true -->false   !false--->true   

 

19、条件运算符 (三目运算符)    

  运算符 ：   ?   :

  表达式  ：  表达式1 ？ 表达式2 ：  表达式3          8<7 ? 89:90           10？1:2

  表达式的值 ：  

        如果表达式1的结果为真，取 表达式2的值作为整个条件表达式的值 ，否则 取表达式3为整个条件表达式的值  

  

计算机中表示真假的几种情况 （一般用于判断中）： 

   1、非0为真，0为假 

   2、所有字符串为真   空串为假     ""        ""?1:2     

   3、所有对象为真

   4、所有函数为真

   5、null 和 undefined 为假