一、调试方式
我们写的JS代码有时候会出现一些错误,如何去查找错误呢?我们就需要用到以下几种调试方式进行验证:
1、alert(),每次弹框都需要手动点击确定按钮进行关闭。
<script type="text/javascript">
alert('您好!')
</script>
在浏览器中打开,便会弹出一个内容为“您好!”的弹框。
2、console.log(),在控制台查看效果推荐使用。
<script type="text/javascript">
console.log("您好!")
</script>
在浏览器中打开,在鼠标右键菜单中点击检查,在控制台(console)中可以看到打印出“您好!”。
3、document.title = “”,修改文件在浏览器中显示的标题不适用大量文字。
<script type="text/javascript">
document.title = "您好!";
</script>
在浏览器中打开,当前网页的标题就会显示为“您好!”。
4、document.write(),直接在浏览器窗口打印。
<script type="text/javascript">
document.write("您好!");
</script>
在浏览器中打开,当前网页就会显示“您好!”。
二、变量
1.变量命名方式
定义变量的关键字是var,变量可以由字母、数字、下划线、符号组成。
例如:
// 定义变量的关键字是var
var a = 10;
var b = 20;
var c = a + b;
console.log(c);
// 数字、字母,组合
var name1 = "lidaze";
console.log(name1);
// 数字、字母、下划线,组合
var stuent_name_2 = "liuchang";
**注意:
1、变量命名不能以数字开头。
2、不能使用系统关键字(例如:var / function / window / this ......)
3、变量命名最好见名知意。
4、变量命名要使用驼峰命名法,即除第一个单词首字母小写外,其他 所有单词首字母全部大写。
**
三、基础数据类型
常见数据类型有:number(数字)、string(字符串)、boolean(布尔类型)、undefine(未定义)、null(空)、Array(数组)、function(函数)、JSON、Object(对象)等。如果想要查看数据类型,可以用typeof方法来查看。
// 使用 typeof 可以检测类型
var age = 19; // number
console.log(typeof age);
var height = 180.1; // number
console.log(typeof height);
var name = "lidaze"; // string
console.log(typeof name);
var gender = 'man'; // string
console.log(typeof gender);
var flag = true; // boolean
console.log(typeof flag);
var girlFriend; // undefine
console.log(typeof girlFriend);
var boyFriend = null; // object 存的值为null
console.log(typeof boyFriend);
var hobbys = ['eat', 'drink', 'play', 'sleep']; // object Array
console.log(typeof hobbys);
var mengPerson = {name: 'mengmengda', age: 18, gender: 'man'}; // object JSON
console.log(typeof mengPerson);
console.log(mengPerson.name, mengPerson.age, mengPerson.gender);
var title = document.getElementById('title'); // object 标签/元素
console.log(typeof title);
var func = function() { // object function
console.log("I'm funtion!");
}
func();
console.log(typeof func);
四、数据转换
1、parseInt() 把字符串转为数字,也可将浮点数转换为整数。
2、parseFloat() 把带有小数点的字符串转换为浮点数。
3、Number() 把纯数字的字符串转换为数字,如果带有非数字内 容则返回NaN(not a number)。
// 把字符串转为数字
var str1 = "123.2234";
console.log(typeof str1, str1);
var num1 = parseInt(str1);
console.log(typeof num1, num1);
var str2 = "123.35";
console.log(typeof str2, str2);
// 如果要转换带有小数点的数字,就需要使用parseFloat()
var num2 = parseFloat(str2);
console.log(typeof num2, num2);
// 如果字符串中有非数字怎么办?
var str3 = "123abc";
var num3 = parseInt(str3);
console.log(typeof num3, num3);
var str4 = "1a2b3c";
var num4 = parseInt(str4);
console.log(typeof num4, num4);
// 使用Number()进行转换
var str5 = "123";
var num5 = Number(str5);
console.log(typeof num5, num5);
// 注意:使用Number()进行转换的时候,里面不能包含非数字内容
var str6 = "123d";
// num6 依然是 number, 只是值是NaN (not a number)
var num6 = Number(str6);
console.log(typeof num6, num6);
// 注意Number() 和 parseInt() 的区别
4、String() 把对象的值转换为字符串。
5、isNaN() 检查某个值是否是数字。
// 将对象转换为字符串
var test1 = new Boolean(0);
console.log(typeof String(test1), String(test1)); // false
var test2 = new Boolean(1);
console.log(typeof String(test2),String(test2)); // true
var test3 = new Boolean(true);
console.log(String(test3)); // true
var test4 = 34323;
console.log(typeof test4); // number
console.log(typeof String(test4), String(test4));
var age = 19;
var gender = 'man';
// 使用函数进行判断
var res1 = isNaN(age);
console.log(typeof res1, res1);
var res2 = isNaN(gender);
console.log(typeof res2, res2);
6、隐式类型转换
-、×、/、%等可以将字符串转换为数字。
// 声明变量
var str1 = "100";
var num = 25;
// 相加
var res1 = str1 + num;
console.log(typeof res1, res1);
// 相减
var res2 = str1 - num;
console.log(typeof res2, res2);
// 相乘
var res3 = str1 * num;
console.log(typeof res3, res3);
// 相除
var res4 = str1 / num;
console.log(typeof res4, res4);
// 取余
var res5 = str1 % num;
console.log(typeof res5, res5);
// 隐式类型转换中,把字符串转为数字使用的为Number()方式,字符串中不能包含非数字字母
以上内容纯属个人理解,由于水平有限,若有错漏之处敬请指出斧正,小弟不胜感激。