码迷,mamicode.com
首页 > Web开发 > 详细

js基础

时间:2019-12-10 17:14:43      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:条件表达式   false   ext   数据类型   es6   数据   span   size   define   

1、什么是JavaScript?

   JavaScript是一种具有安全性的客户端的脚本语言,
        用来实现与web页面交互,
        js可以让页面中静止的元素动起来
        脚本语言:语言嵌入到html代码中
        运行环境:浏览器 。

2、JavaScript组成

  ECMAScript           
    由ECMA-262定义,提供核心语言功能
    (欧洲计算机制造商协会,用来规范js语法   ES5   ES6)
  文档对象模型(DOM)   
    提供访问和操作网页的方法和接口
  浏览器对象模型(BOM)  
    提供与浏览器交互的方法和接口  

3、JavaScript代码实现:内部脚本 外部引入

  内部引入
    1、所有的js代码必须出现在 <script>标签内 初学建议放到 body下面
    2、<script>标签位置任意 除了title标签内
  外部引入
    1、使用 <script src="路径"></script>
    2、具有src属性的script标签内js代码无效

4、变量的数据类型

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

 5、测试变量的数据类型

  typeof 变量
  typeof( 变量 ) 结果都是string
  typeof( 变量 ) 值的情况 : string number boolean undefined object function (没有null)

6、运算符和表达式

  运算符 : 操作运算的符号
  表达式 : 一个常量、一个变量、一个式子 都称为表达式

算术运算符

运算符 : + - * / % (二元运算符 双目)  ++ -- (一元运算符 单目)

- * / % 运算符对应的表达式值 :
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

赋值运算符
  =  赋值 
 将右侧的值 赋值给 左侧的变量  
 注意 : = 符号左侧必须是变量        如  y = 10-x 
 
  复合赋值运算符 :   +=    -=    *=   /=   %=    
  x+=10  等价  x = x + 10    
 
关系运算符
 运算符 :  >  >=   <  <=    ==等于      ===全等于      !=不等于      !==不全等
 表达式 :  3>4     2===3  
 表达式的值 :   表达式成立 为true,不成立 为 false 
 表达式值几种情况 : 
 1、两侧都是数值   正常比较
 2、两侧都是字符   正常比较    
      根据字符的ASCII码 值 进行比较 
      a--97   A--65  0--48 往后每个数加1
 3、某一侧是纯数字字符串  字符串自动转成数值 
 4、不能正常比较的结果都是 false
 
== 和 === 区别 : 
 == 只比较值是否相等   
 ===  先 比较类型,再比较值
 
逻辑运算符
 运算符 : && 与    || 或    ! 非  
 表达式 (参与逻辑运算的一般为 布尔类型 )     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   
 
条件运算符 (三目运算符)    
  运算符 :   ?   :
  表达式  :  表达式1 ? 表达式2 :  表达式3          8<7 ? 89:90           10?1:2
  表达式的值 :  
        如果表达式1的结果为真,取 表达式2的值作为整个条件表达式的值 ,否则 取表达式3为整个条件表达式的值  
  
计算机中表示真假的几种情况 (一般用于判断中): 
   1、非0为真,0为假 
   2、所有字符串为真   空串为假     ""        ""?1:2     
   3、所有对象为真
   4、所有函数为真
   5、null 和 undefined 为假   

js基础

标签:条件表达式   false   ext   数据类型   es6   数据   span   size   define   

原文地址:https://www.cnblogs.com/mortalway/p/12009652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!