JS基本语法

2019-04-17

标识符

与java基本相同

JS关键字:

break case catch continue default
do else finally for function
if in instanceof new return
switch this throw try typeof
var void while with

JS保留字:

abstract boolean byte char class
const debugger double enum export
extends final float goto implements
import int interface long native
package private protecter public short
static super synchronized throws transient
volatile

字面量

整型字面量

可以使用十进制、八进制(前面加0)和十六进制(前面加0x或0X) 表示。

实型字面量

由整数部分加小数部分表示,如12.32,193.98, 3.14e2。

布尔型字面量

只有两种状态:true或false。

字符型字面量****(****字符串****)

使用单引号(')或双引号(")括起来字符。如"hello", " 1234"等。

变量

1.使用var声明变量

var 变量名;

声明变量时可以进行初始化,其值可以为任意类型。若无初值会自动初始化为undefined(未定义)值。

用var声明的变量不存在块级作用域

2.使用let声明变量

let 变量名;

变量必须先声明被使用

let声明的变量具有块级作用域,即只在let命令所在的代码块内有效。

3.使用const声明变量

const 变量名;

const声明一个只读常量。一旦声明,常量的值就不能改变。

const声明变量必须立即初始化,不能留到以后赋值。

const的作用域与let命令相同:只在声明所在的块级作用域内有效。

4.变量的命名规范

与java相同

5.变量数据类型

JavaScript是弱类型语言,变量的数据类型无需在声明时指定。变量根据所赋值的类型来决定自己的类型。

可以使用 "typeof 变量名" 的形式查看变量的数据类型。

6.变量的作用域

同一页面的所有<script>块属于同一个全局作用域,块之间的变量可以共享。

7.变量的特殊类型

undefined:当一个对象属性不存在或者变量定义后从未赋值时,返回undefined。

null:从Java中借鉴过来,表示空值。当一个变量没有保存有效的数据时或对象不存在时,都返回null。可以通过给一个变量赋 null 值来清除变量的内容。

运算符

1.算数运算符

/ (除法):不会砍掉小数,并且用0作除数会产生特殊值Infinity

** 求幂: a**b

数字字符串 – 数值 = 数值

数字字符串 + 数值 = 数字字符串

其他运算符与java相同。

2.关系运算符

运算符 说明
= = 等于
!= 不等于
< 小于
> 大于
<= 小于或等于
>= 大于或等于
= = = 完全相同
!= = 不完全相同

如果两个运算数分别为数值和字符串,则将字符串转换为数值进行比较,如果字符串不能转换为数值,则转换为NaN,运 算结果为false。操作数有一个是NaN,运算结果皆为false。

===运算符不会进行自动类型转换,所比较的操作数必须是同一类型的数据。像3==="3"结果为false。

3.逻辑运算符

​ 逻辑运算符的操作数类型不仅可以为布尔数,任何表达式都可作为操作数。在运算过程中操作数将会被转换为布尔型数据。

4.赋值运算

与java相同

数据类型转换

1.自动类型转换

表达式 类型转换的处理
数字和字符串相加 数字强制转换成字符串
布尔和字符串相加 布尔值强制转换成字符串
布尔和数字相加 布尔值强制转换成数字

布尔值true转成字符串时为"true",数字为1,值false转换成字符串时为"false",数字为0。

2.强制转换

window.parseInt():将字符串中的整数部分作为返回值

window.parseFloat():将字符串中的浮点数部分作为返回值。

注意:如果字符串存在非数字,parseInt和parseFloat会发生截断;
以非数字开头的字符串,将直接返回NaN。可以使用isNaN函数进行非数值判断。

输入与输出

函数名 作用
window.alert 弹出消息提示框
document.write 将内容直接输出在网页上
console.log 浏览器控制台调试输出
window.prompt 用于输入内容并返回。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为null。
window.confirm 弹出确认框
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • typeof运算符 JavaScript有三种方法,可以确定一个值到底是什么类型。 typeof运算符instan...
    PYFang阅读 1,211评论 0 0
  • 基本语法 直接量 变量 标识符 标识符就是指变量、函数、属性的名字,或者函数的参数,最好采用驼峰大小写格式,也就是...
    YM雨蒙阅读 3,933评论 0 3
  • JS JS代码需要编写到script标签中 alert("圣诞节快乐");(控制浏览器弹出一个警告框) docum...
    一直特立独行的猫_4ba4阅读 3,177评论 0 0
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 14,750评论 0 38
  • 1.认识php php是服务端嵌入到HTML中的脚本语言。php的功能包括但不限于: 收集表单数据 生成动态网页 ...
    楠哥哥_0b86阅读 4,330评论 3 1

友情链接更多精彩内容