JavaScript-引入方式和基础语法

简介

JavaScript-引入方式和基础语法_第1张图片
JavaScript-引入方式和基础语法_第2张图片

引入方式

内部脚本

JavaScript-引入方式和基础语法_第3张图片
好像在哪写都ok


    <script>
        alert('Hello JS');
    script>
    head>

效果
就弹出一个警告框
JavaScript-引入方式和基础语法_第4张图片

外部脚本

JavaScript-引入方式和基础语法_第5张图片
JavaScript-引入方式和基础语法_第6张图片

    <script src="demo.js">script>>

效果
JavaScript-引入方式和基础语法_第7张图片

基础语法

书写语法

区分大小写
分号可写可不写
注释和java中的一样
{
表示包含的代码块
}
JavaScript-引入方式和基础语法_第8张图片

输出语句

JavaScript-引入方式和基础语法_第9张图片
JavaScript-引入方式和基础语法_第10张图片
首先弹出警告框
JavaScript-引入方式和基础语法_第11张图片
点确认后
JavaScript-引入方式和基础语法_第12张图片

第三种效果
JavaScript-引入方式和基础语法_第13张图片

变量

JavaScript-引入方式和基础语法_第14张图片

弱类型语言和python类似
就是需要用var关键字来声明变量,之后的变量重新赋值就不用var了

var定义变量的特点
1.作用域较大,全局变量

2.可以重复定义(下面定义的会覆盖上面声明的变量)
JavaScript-引入方式和基础语法_第15张图片

新增两个关键字:let和const
let 和var类似就是不能重复声明,但是可以修改值
而且是局部变量,只能在对应代码块生效
JavaScript-引入方式和基础语法_第16张图片

const直接不能修改,就是一个常量

数据类型+运算符+流程控制语句

数据类型

原始类型-类似java的基本数据类型
JavaScript-引入方式和基础语法_第17张图片
我们可以通过typeof运算符来获取变量的数据类型
JavaScript-引入方式和基础语法_第18张图片

引用类型会在下面的对象篇讲到

运算符

JavaScript-引入方式和基础语法_第19张图片

因为 其他和java里面的一样就不介绍了

==和===号的区别
==会先看两边类型进行类型转换然后比较相等不(只比较数值)
===则不会进行类型转换如果类型不同直接就是返回false(比较类型和数值)

类型转换的一些原则

字符串转为数字(js里面没有char类型,也不会按照向Unicode码那样转换),所以"123"==123是正确的,返回true

alert(parseInt("12"))//转为数字的结果12
alert(parseInt("12A45"))//12,因为它是从头开始找,找到不是数字的不会直接退出,会保留之前的结果
alert(parseInt("A45"))//这个开头就不能转换,所以类型是NaN(not a number)

其他类型转布尔类型

number中除了0和Nan为false,其他都转成true
string 除了空字符其他都是true
nullundefined:均为false

流程控制语句

JavaScript-引入方式和基础语法_第20张图片

流程控制语句和java和c里面差不多用法都一样

你可能感兴趣的:(前端,javascript,开发语言,ecmascript)