1.JavaScript基础入门

JS简介

  1. 什么是JS --JavaScript的简称,是一种动态的脚本语言。
  2. 什么是动态页面 -- 人机交互  静态页面  -- 没有人机交互
  3. JS需要安装才能使用嘛? -- 不需要
  4. 什么是BOM--浏览器对象模型  DOM --文档对象模型

详细介绍

JavaScript是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了检验HTML表单输入的正确性,起源于Netscape公司的Livescript语言

JavaScript的组成:ECMAsxcript(语法)、Browser Objects(DOM   BOM  特性)组成

JavaScript的注释和分号

//单行注释

/*对行注释*/

语句接数还是用分号,如果省略,则有解析器确定语句的结尾

JavaScript的标识符

  1. 什么是标识符  --  变量、函数、属性的名字,或者函数的参数。
  2. 标识符的命名规则
  1. 由字母、数字、下划线(_)或者美元($)组成
  2. 不能以数字开头
  3. 不能使用关键字,保留字作为标识符

编写第一个js程序

1.使用script标签在html中插入javascript,内部编写javascript

<script type="text/javascript">
  </script>//可以写在head标签内也可以写在body标签内

2.引用外部

<script type="text/javascript" src="javascript.js">
</script>

JS变量

  1. 与其他程序设计语言相同,用来零时存储信息;
  2. 船舰方法如下:若数据类型
  1. var x=1;      var x=2,y="PPD";        
  2. var x;  x=1;      var y;   y="PPD";
  1. 注意:JS中的变量,区分类型,但是没有int之类的关键词

JS调试

  1. alert()弹出调试窗口;
  2. console.log()控制台输出调试;
  3. 观察变量值的变化规律,是否符合程序设计的目的;

 

JS自定义函数

  1. javascript函数;自定义函数和内置函数
function fun1(){
        代码段;
        return;
}//这种是函数的声明,可以先使用后定义
/
/
var fun1=function(x){
        return x+1;
}//这种叫做函数表达式,必须先定义后使用

 JavaScript数据类型

  1. ECMAScript:
  2. a。简单数据类型:

underfined,null, boolean, number, string

b。ECMAScript6:es6 新增symbol类型

c。复杂数据类型:object--对象

number -- 数字类型,取整,浮点型都包括

string -- 字符串类型,必须放在单引号或者双引号中

boolean -- 布尔类型,只有true和false 2种值

underfine -- 未定义, 一般值的是已经声明,但是没有赋值的变量,派生字null值,underfined==null------>返回的是true

null -- 空对象类型,var a=null; 和var a="";有区别

特殊类型

1.bojiect -- 对象类型 , 在js中常见到window document array等

2.NaN -- 是number的一种特殊类型,isNaN()如果是数字的话就返回false 不是数字的话就返回true

3.isNaN() -- 说明:对接受的数值,先尝试转换为数值,在检测是否为非数值。

4.任何涉及NaN的操作(例如NaN/10) 都返回NaN

5.NaN与任何值都不等,包括NaN本身。

var id="20";
console.log(isNsN(id));//false  转换之后是数字

var id="pp";
console.log(isNsN(id));//true 转换之后不是数字

type of

1.功能:检测变量类型;

2.语法:typeof变量  挥着  typeof(变量);

3.返回值: string number boolean object underfined function

类型转换

1.paeseInt() - 转换成整型 pareFloat() - 转换成浮点类型,带小数点 number() - 包括整数和小数 boolean() - 转换成逻辑类型

2.强制类型转换  隐士类型转换

3.总结

          1.除了0职位的所有数字,转换成布尔型都是true

          2.除了""之外的所有字符,转船成布尔型都是true

          3.null和underfined转换成布尔型是false

变量作用域

1.全局变量和局部变量

局部变量:在函数内部创建的变量,称为局部变量,其他函数不能使用

全局变量:在函数外部创建的变量,称为全局变量,在函数之间可以共享使用。

比较运算符

1.比较运算符:用于比较两个值,结果是true或者是false

2.&& and || or ! 非

3.(x<10&&y>1)   x=2异界y=5 true

对于&& 如果连个返回的是都是true结果就是true, 如果有一个false那么结果就会是false

对于||  其实一个是true的话结果就是true , 两个都是false击鼓才会说false

三木运算符 -- 三元运算符

1.根据不同的条件,直送不同的操作/返回不同的值

2.格式:条件? 值1:值2;

3.实力: x>1?"大于":"小于"; 对与错

算数操作符+加 -减 *乘 /除 %取余  递增和递减

  1. 递增   ++a  与  a++   都是对a进行递增的操作
  2. 区别
  1. ++a先返回递增之后的a的值   --  先运算再赋值
  2. a++ 先返回a的原来的值,再返回递增之后的值  --  先赋值在运算
  1. 递减同理

 

赋值运算符

  1. 简单赋值    =
  2. 复合赋值   +=  -=   *=    /=  %=

比较运算符增加知识点

==:相等,只比较值是否相等。

===:全等,比较值得同时比较数据类型是否相等。

!=:不相等,比较值是否不相等。

!==:不全等,比较值得同时比较数据类型是否不相等。

返回都是boolean类型

运算符的优先级

  1. ()   小括号      --    优先级高
  2. ++  --   自加  自减
  3. *   /    %  乘  除  取余
  4. +  -   加  减
  5. <  <=   >  >=   逻辑运算
  6. ==   !=   等于  不等于
  7. &&  逻辑与
  8. ||   逻辑或
  9. ?: 三目运算符
  10. =   赋值     --     优先级低