js的两种引用方式,第一种方式是内嵌式,写在html中的<head>之后</head>之前,第二种方式是外部引入式,代码如下:
<script src="my.js"></script>
js的输入和输出语句分部是prompt,alert,console.log,分别的作用是输入框,弹出框,控制台打印框。
变量使用var进行声明,变量可更新,可以一次声明多个变量,如果声明变量但是没赋值则是未定义undefined,变量不声明也可以直接使用,因为js是弱语言。
代码如下
var myname = 'apple苹果手机';
console.log(myname);
var myname = '迪丽热巴';
//此时变量会变化,JS是动态语言
console.log(myname);
//声明多个变量
var age = 18;
address = '地球村';
gz = 2000;
//变量没有赋值就是undefined
var sex;
console.log(sex);
qq = 100;
console.log(qq);
js变量的数据类型为数字,字符串,布尔,null空,undefined未定义,object对象;
字符串的拼接需要注意数字和字符串的拼接,代码如下;
console.log('pink' + true); // pinktrue
console.log(12 + 12); // 24
console.log('12' + 12); // '1212'
var age = 23;
console.log('小明今年'+age+'岁了');//小明今年23岁了
console.log('小明今年age岁了');//小明今年age岁了
获取变量的数据类型,通过typeof方法;
var num = 10;
console.log(typeof num); // number
var str = 'haha';
console.log(typeof str); // string
var flag = true;
console.log(typeof flag); // boolean
var vari = undefined;
console.log(typeof vari); // undefined
var timer = null;
console.log(typeof timer); // object
isNaN方法是判断变量的数据类型是否为非数字并返回布尔值,如果是数字返回flase,如果是非数字返回true
console.log(isNaN(12)); // false
console.log(isNaN('Apple手机')); // true
变量转换为字符串,方法是toString()
// 1. 把数字型转换为字符串型 变量.toString()
var num = 10;
var str = num.toString();
console.log(str);
console.log(typeof str);
// 2. 我们利用 String(变量)
console.log(String(num));
// 3. 利用 + 拼接字符串的方法实现转换效果 隐式转换
console.log(num + '');
变量转换为数字,方法是parseInt(),parseFloat(),Number(str),利用减乘除隐式转换,唯独加法不行,会拼接字符串,切记!
console.log(parseInt('3.14')); // 3 取整
console.log(parseInt('3.94')); // 3 取整
console.log(parseInt('120px')); // 120 会去到这个px单位
console.log(parseInt('rem120px')); // NaN
// 2. parseFloat(变量) 可以把 字符型的转换为数字型 得到是小数 浮点数
console.log(parseFloat('3.14')); // 3.14
console.log(parseFloat('120px')); // 120 会去掉这个px单位
console.log(parseFloat('rem120px')); // NaN
// 3. 利用 Number(变量)
var str = '123';
console.log(Number(str));
console.log(Number('12'));
// 4. 利用减乘除隐式转换,唯独加法不行,会拼接字符串
console.log('12' - 0);
console.log('123' - '120');
console.log('123' * 1);
转换为布尔,方法是Boolean(变量);
console.log(Boolean(''));//false
console.log(Boolean(0));//false
console.log(Boolean(NaN));//false
console.log(Boolean(null));//false
console.log(Boolean(undefined));//false
console.log('------------------------------');
console.log(Boolean('123')); //true
console.log(Boolean('你好吗'));//true
console.log(Boolean('haha567'));//true
只有数字和字符串是true,其他都是false。