JavaScript基础入门总结

最新推荐文章于 2024-08-08 10:50:39 发布

别总想着静静

最新推荐文章于 2024-08-08 10:50:39 发布

阅读量305

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/xdh1996/article/details/106218365

版权

1.JavaScript基础入门

JS简介

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

详细介绍

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

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

JavaScript的注释和分号

//单行注释

/*对行注释*/

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

JavaScript的标识符

什么是标识符 -- 变量、函数、属性的名字，或者函数的参数。
标识符的命名规则

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. var x=1; var x=2,y="PPD";
2. var x; x=1; var y; y="PPD";
注意：JS中的变量，区分类型，但是没有int之类的关键词

JS调试

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

JS自定义函数

javascript函数；自定义函数和内置函数

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

JavaScript数据类型

ECMAScript：
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?"大于":"小于"; 对与错

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

递增 ++a 与 a++ 都是对a进行递增的操作
区别

1. ++a先返回递增之后的a的值 -- 先运算再赋值
2. a++ 先返回a的原来的值，再返回递增之后的值 -- 先赋值在运算

递减同理

赋值运算符

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

比较运算符增加知识点

==：相等，只比较值是否相等。

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

！=：不相等，比较值是否不相等。

！==：不全等，比较值得同时比较数据类型是否不相等。

返回都是boolean类型

运算符的优先级

（）小括号 -- 优先级高
++ -- 自加自减
* / % 乘除取余
+ - 加减
< <= > >= 逻辑运算
== != 等于不等于
&& 逻辑与
|| 逻辑或
？：三目运算符
= 赋值 -- 优先级低