1、什么是JavaScript

1.1、概述

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

Java、JavaScript(10天开发出来)

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

1.2、历史

ECMAScript它可以理解为是JavaScript的一个标准

最新版本已经到es6版本

但是大部分浏览器还只停留在支持es5代码上

开发环境—线上环境,版本不一致

关键字、变量、流程控制、对象、数组、结构

2、快速入门

2.1、引入JavaScript

1、内部标签

<script>
    //...
</script>

2、外部引入

abc.js

//...

test.html

<script src="abc.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--script标签内,写JavaScript代码-->
    <script>
        alert('hello,world!')
    </script>

    <!--外部引入,注意script标签必须成对出现-->
    <!--不用显示定义type,也默认就是JavaScript-->
    <script src="js/first.js" type="text/javascript"></script>
</head>
<body>

<!--这里也可以放-->
</body>
</html>

2.2、基本语法入门

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <Script>
        //1.定义变量  变量类型  变量名 = 变量值;
        var score = 55;
        alert(score);
        //2.条件控制
        if(score > 60 && score < 70){
            alert("60~70")
        }else if (score >70 && score < 80){
            alert("70~80")
        }else{
            alert("other")
        }
        //JavaScript注释跟Java注释一样
        //JavaScript单行注释
        /*
         *JavaScript多行注释
         */
		//console.log(score) 在浏览器的控制台打印变量!相当于java中sout
    </Script>
</head>
<body>

</body>
</html>

2.3、数据类型

数值,文本,图形,音频,视频…

变量

var variableName = "variableValue"

number

js不区分小数和整数,Number

123	//整数123
123.1	//浮点数123.1
1.123e3	//科学计数法
-11	//负数
NaN	//not a number
Infinity	//表示无限大

字符串

“abc” ‘abc’

布尔值

true,false

逻辑运算符

&& 两个都为真,结果为真
|| 一个为真,结果为真
!  取反

比较运算符

=	赋值运算符
==	等于(类型不一样,值一样,也会判断为true)
===	绝对等于(类型一样,值一样,结果为true)

这是JavaScript的缺陷,一定不要使用==进行比较

须知:

  • NaN===NaN,这个与所有的数值都不相等,包括自己
  • 只能通过isNaN(NaN)来判断这个数是否是NaN

浮点数问题:

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

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

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

null和undefined

  • null 空
  • undefined 未定义

数组

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

//保证代码的可读性,尽量使用[]
var arr = [1,2,3,4,5,'hello',"world",null,true]

new Array(1,2,3,4,5,'hello',"world",null,true)

控制台:console.log(arr[0])输出结果

取数组下标:如果越界了,就会undefined

对象

对象是大括号{},数组是中括号[]

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

//Person person = new Person(1,2,3,4,5)
var person = {
    name: "wangzhen",
    age: 30,
    tags:['js','java','web','...']
}

取对象的值

person.name
>wangzhen
person.age
>3
person.tags[2]
>web

JavaScript强检查模式:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //在JavaScript代码最上面添加一行强格式检查代码
        //严格检查模式,预防JavaScript的随意性导致产生的一些问题
        'use strict';
        //var或前面没有var修饰默认是全局变量,存在隐患
        var name = 1;
        //ES6,使用let将变量定义为局部变量
        let i = 2;
    </script>
</head>
<body>

</body>
</html>

原文地址:http://www.cnblogs.com/wangzhen1991/p/16793162.html

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,请务用于商业用途! 3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 如有链接无法下载、失效或广告,请联系管理员处理! 6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员! 8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载 声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性