JavaScript

JavaScript

概述

JavaScript是一门世界上最流行的脚本语言

一个合格的后端人员,必须要精通JavaScript

历史

https://blog.csdn.net/kese7952/article/details/79357868

快速入门

引入JavaScript

  1. 内部标签
<script>

</script>
    
  1. 外部引入
<script src="">

</script>

基本语法入门




    <meta charset="UTF-8">
    <title>第一个javaScript</title>
<!--    <script>-->
<!--        alert('hello,world');-->
<!--    </script>-->
    <script src="js/lc.js">

    </script>






var score=82;
if(score>72){
alert(71);
}else{
alert(other);}


在浏览器的控制台打印变量:

console.log(var);

数据类型

变量:var(定义全局变量)

'use strict ';为严格检查模式,预防JavaScript的随意性导致产生的一些问题

局部变量建议都使用let去定义,必颈写在Javascript的第一行!

number类型:

NaN:not a number

Infinity:表示无限大

字符串

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

逻辑运算

&& || !

比较运算符

=:赋值

==:等于(类型不一样,值一样,返回True)

===:绝对等于

注意:

NaN===NaN,这个与所有的数值都不相等,包括自己

只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题

console.1og((1/3) === (1-2/3))

返回false

尽量避免使用浮点数进行运算,存在精度问题!

Math.abs(1/3-(1-2/3))<0.00000001

null和undefined

  • null 表示空

  • undefined 表示未定义

数组:

Java的数组必须是相同类型的对象~,JS中不需要这样!

var arr = [1,2,3,4,5 , 'he11o',null,true]

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

对象:

JavaScript中的所有的键都是字符串,值是任意对象!

var person = {
    name : "qinjiang",
    age: 3,
    tags: [ 'js' , 'java ' , " web' ,'...']
}
person.name

对象是大括号,数组是中括号~~

每个属性之间使用逗号隔开,最后一个不需要添加

JavaScript

JavaScript

JavaScript

流程控制

JavaScript

JavaScript

Map和Set

JavaScript

iterator

JavaScript

函数

定义函数

定义方式一:

JavaScript

如果没有执行return,函数执行完也会返回结果,结果就是undefined

定义方式二:

JavaScript

function(x) ....}.这是一个匿名函数。但是可以把结果赋值给abs,通过abs 就可以调用函数!

JavaScript

arguments:

JavaScript

问题: arguments包含所有的参数,我们有时候想使用多余的参数来进行附加操作。需要排除已有参数~

rest:

ES6引入的新特性,获取除了已经定义的参数之外的所有参数~,

JavaScript

变量的作用域

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

方法

JavaScript

JavaScript

JavaScript

内部对象

JavaScript

Date

JavaScript

JavaScript

JSON

JavaScript

JavaScript

JavaScript

面向对象编程

什么是面向对象

JavaScript

JavaScript

JavaScript

Class继承

class关键字,是ES6引入的

JavaScript

  1. 继承

    JavaScript

原型和原型链

操作BOM对象(重点)

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

操作DOM对象(重点)

JavaScript

1.这是原生代码,之后我们尽量都是用jQuery

JavaScript

JavaScript

注意:删除多个节点的时候,children是在时刻变化的,删除节点的时候一定要注意。

JavaScript

JavaScript

JavaScript

JavaScript

操作表单(验证)

JavaScript

获得提交的信息

JavaScript

JavaScript

JavaScript

JavaScript

jQuery

jQuery库,里面存在大量的JavaScript函数

初始jQueryJavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

JavaScript

上一篇:JavaScript(JS) Number.NaN


下一篇:PHP-Zend_Validate_StringLength编码?