JS的组成:由ECMAscript(语法),Browser,objects(DOM ,BOM特性)组成的.
JS的注释与分号:
// 单行注释
/* */ 多行注释
; 语句结束加分号
JS的功能:
数据交互,特效,表单验证, 正则表达式
JS的语法:
ECMAscript中的一切(变量,函数名,运算符,关键字,对象属性)都区分大小写。
JS的标识符:
- 定义:变量,函数,属性的名字,或者函数的参数。
- 命名规则:
- 《1》:由字母,数字,下划线(_)或美元符号组成;
《2》:不能以数字开头;
《3》:不能使用关键字,保留字等作为标识符;
JS的脚本及使用方法:
HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//代码
</script>
<script type="text/javascript" src="./js/index.js"></script>
</head>
<body>
<script type="text/javascript">
//代码
</script>
<script type="text/javascript" src="./js/index.js"></script>
</body>
</html>
JS变量的声明和赋值
- 变量声明:要用var操作符 语法:var变量
- 变量赋值:
- 声明的同时赋值:var 变量名=值
先声明后赋值: 变量名=值
注:
1:一次声明多个变量,用逗号隔开,如
var id ,sex,age,name=“marry”;
2.省略var 的声明是全局变量
3.不推荐省略var定义的全局变量;
<script>
//声明保存用户名的变量
var name_01;
name_01="marry";
//声明变量保存年龄的变量
var age=18; //声明的同时赋值
//声明变量保存邮箱
var email="823477846@qq.com";
//一次声明多个变量
var name_01="marry",age=18,email="823477846@qq.com",address,setting=null; //address就为undefined类型
变量的数据类型
js里面的数据类型 : 字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol
引用数据类型:对象(Object)、数组(Array)、函数(Function)。
typeof :检测变量的数据类型
语法:typeof 变量 或 typeof(变量)
返回值:string 类型
-
Undefined 和 Null:
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。 -
Number类型:
Number:表示整数和浮点数
NaN: 表示为非数值
(1).<isNaN()>
语法:isNaN(n)
功能:检测n是否为非数值;
返回值:true / false;
说明:isNaN()对接收的数值,先尝试转换为数值,在检测是否为非数值。
(2)数值转换
3个函数可以将非数值转化为数值:
Number() ,ParseInt(),parseFloat().
说明:
Number():可以用于任何数据类型
ParseInt(),parseFloat():将字符串转化成数值; -
String类型
字符串(String)使用长度属性length来计算字符串的长度:
字符串可由(“”)或(‘’)表示; -
Boolean类型
表示为布尔型数据,取值为true 或 false ——>逻辑真或假,且任何时候只能使用两种状态中的一种,不能同时出现。
注·:console.log() :表示打印台显示内容;
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
//声明保存用户名的变量
/* var name_01;
name_01="marry";*/
//声明变量保存年龄的变量
// var age=18; //声明的同时赋值
//声明变量保存邮箱
// var email="823477846@qq.com";
//一次声明多个变量
var name_01="marry",age=18,email="823477846@qq.com",address,setting=null;//address就为undefined类型
var distance=12.67980;
var id="16";
console.log(typeof (distance)); //在控制台打印
console.log( typeof (name_01)); //typeof 检测name_01变量的类型 (字符串string或数字number...)
console.log(age-3)
console.log(age-"abc"); //age-"abc"为非数值,结果为NaN;
console.log( typeof (age-"abc"));
console.log(isNaN(email)); //检测age是否为非数值
console.log( isNaN(id));
id=Number(id);
name_01=Number(name_01);
console.log( typeof(id));
console.log( name_01);
var topVal="28px";
topVal=parseInt("28px");
console.log(topVal);
var c=parseInt("abn58");
console.log(parseInt(c));// 字符串的第一个字符必须为数字才可以提取出数字,否则结果为NaN
console.log(parseInt("0xf",16)); //将"oxf"转化为16进制。
var d=parseInt("12.34px"); //打印出整数
console.log(d);
var d=parseFloat("12.34px"); //打印出浮点数
console.log(d);
var d=parseFloat("12.34.56px"); //打印出浮点数,结果为12.54,只有第一个小数点有效
console.log(d);
var e=parseInt("0123"); //打印出结果为123,忽略0
console.log(e);
var e=parseFloat("0123"); //打印出结果为123,忽略0
console.log(e);
var msg='hellow world';//字符串引用必须加引号
var ids=78965;
var idstr=ids.toString();//将数字类型转换为字符串
console.log(idstr);
console.log(typeof idstr); //将数字类型转换为字符串 结果为string
console.log(typeof String(ids)); //用String这个函数直接转化为字符串
var m;
console.log(String(m));
//Boolean类型
var isStudent=true;
var isChild=false;
console.log(typeof isStudent);
console.log(isChild.toString()); //转化为字符串
var x=1123;
x=Boolean(1123);
console.log(Boolean(x));
var string="welcome"; //字符串转化后为true
console.log(Boolean(string));
var y=0; //0转化后结果为false
console.log(Boolean(y));
var z;
console.log(Boolean(z));
var n="";
console.log(Boolean(n));
var strings=null; //null和undefined转换为布尔型的值为false
console.log(Boolean(strings));
</script>
</body>
</html>