JavaScript书写位置:
1、行内式js代码(不推荐)【需要有点击事件才能触发】
2、内嵌式 【页面打开时会直接触发】
—— script标签可放在head也可放在body
3、外链式(推荐)只需引入html页面
js注释:
- 单行注释 // 或 ctrl+/
- 多行注释 /**/ 或 shift+alt+a
js的常用输出方式:
- 弹窗输出:alert('内容');prompt('提示信息');confirm('确认信息');
- 页面输出:document.write(内容);
- 控制台输出:console.log(内容);
变量:
- 变量是程序中保存数据的一个容器
- 语法:var 变量名 = 值
注:
- 一个变量名只能存储一个值
- 当再次给一个变量赋值的时候,前面一次的值就没有了
- 变量名称区分大小写(JS区分大小写)
变量的命名规则和命名规范:
规则:
- 可由 数字、字母、英文下划线(_)、美元符号($) 组成;
- 严格区分大小写;
- 不能由数字开头,不要使用中文汉字命名;
- 不能是 保留字 或者 关键字;
- 不要出现空格;
规范:
- 语义化;
- 遵循驼峰命名规则,由多个单词组成的时候,从第二个单词开始首字母大写;
数据类型:基本数据类型&复杂数据类型
基本数据类型:
1、数值类型(number)
-
一切数字都是数值类型(包括二进制,十进制,十六进制等)
-
NaN(not a number),一个非数字
2、字符串类型(string)
- 被引号包裹的所有内容(可以是单引号也可以是双引号)
3、布尔类型(Boolean)
- 只有两个(true 或者 false)
4、null类型(null)
- 只有一个,就是 null,表示空的意思
5、undefined类型(undefined)
- 只有一个,就是 undefined,表示没有值的意思
复杂数据类型:
- 对象类型(objectr)
- 函数类型(function)
判断数据类型:
用typeof关键字来判断
第一种方式
var n1 = 100; console.log(typeof n1);
第二种方式
var s1 = "abcdef"; consoloe.log(typeof(s1));
判断一个变量是不是数字:
用isNaN判断,isNaN:is not a number;
如果变量是一个数字
var n1= 100; console.log(isNaN(n1)); ==>false
如果变量不是一个数字
var s1= "jack"; console.log(isNaN(s1)); ==>true
数据类型转换:
其他数据类型转成数值:
1、Number(变量)
a.可吧一个变量强制转换成数值类型;
b.可转换小数,会保留小数;
c.可转换布尔值;
d.遇到不可转换的都会返回NaN;
2、parseInt(变量)
a.从第一位开始检查,是数字就转换,知道一个不是数字的内容;
b.开头就不是数字,那么直接返回 NaN;
c.不认识小数点,只能保留整数;
3、parseFloat(变量)
a.从第一位开始检查,是数字就转换,知道一个不是数字的内容;
b.开头就不是数字,那么直接返回 NaN;
c.认识小数点,只能保留整数;
4、除了加法以外的数学运算
a.运算符两边都是可运算数字才行;
b.如果运算符任何一边不是一个可运算数字,那么就会返回 NaN;
c.加法不可以用;
其他数据类型转成字符串:
1、 变量.toString()
a.有一些数据类型不能使用 .toString()
方法,比如 undefined 和 null
2、String(变量)
a.所有数据类型都可以;
3、使用加法运算
a.在 JS 里面,+
有两个含义
b.字符串拼接: 只要 +
任意一边是字符串,就会进行字符串拼接;
c.加法运算:只有 +
两边都是数字的时候,才会进行数学运算;
其他数据类型转成布尔:
Boolean(变量)
-
在 js 中,只有
''
、0
、null
、undefined
、NaN
,这些是 false,其余都是 true
运算符:
数学运算符:
赋值运算符:
比较运算符:
逻辑运算符:
【逻辑运算作为条件判断时,结果为布尔值】
- && 并且;(一边为false,则运算结果为false)
- || 或;(一边为true,则运算结果为true)
- ! 取反;(假变真,真变假)
自操作运算符(一元运算符):
- ++
- --
后自增(减),当碰到输出、赋值、运算操作的时候;会等操作结束之后,再进行变量的加1