JavaScript的引入以及数据类型
JavaScript的引入以及数据类型
- js的引入方式
- 内嵌式
- 行内样式
- 外链式
- 在js导入另一个js
- JavaScript的数据类型
- 测试数据类型
- 测试总结
- 基本数据类型
- 1.Number类型
- 2.String类型
- 3.Boolean类型
- 4.Undefined类型
- 5.Null类型
- 6.Object类型
- 三大引用类型
- 1.Object类型
- 2.Array类型
- 3 Function类型
js的引入方式
内嵌式
直接在HTML页面中使用标签引入，可以写在head中，也可以写在body末尾，可以实现。
这是在body中写：
<body>
<button id="button">实验button>
<script>
button.onclick=function () {
alert('引入方法')
}
script>
body>
这是在head中写：
<script>
window.onload = function () {
alert('内嵌式')
}
script>
行内样式
直接在body中组件的事件代码写的：
<button id="button" onclick="javascript:alert('js引入的方式：事件定义')">实验button>
外链式
最常用的也就是在html中使用script的src属性引入外部js文件，可实现。可以在head中也可以在body中写
这是html界面的head中内容
<script type="text/javascript" src="./js_test.js">script>
这个是新创建的js_test.js文件内容，写了一个函数并运行：
/**
* Created by python on 19 - 5 - 17.
*/
var a = 100;
var b = 200;
function print_info(num1, num2) {
alert(num1 + num2);
}
print_info(a, b);
在js导入另一个js
在一个js文件中调用另外一个js 文件，可实现。但不能直接在第一个js文件中写,这样写会导致引入js文件失败。
在head中先引入test_1.js文件，然后在test_1.js中写
document.write("<script src='test_2.js'>script>");
然后在test_2.js文件写内容
JavaScript的数据类型
用typeof查看数据类型
变量基本命名规则：
- 区分大小写
- 不能以数字开头，可以以$或_或字母开头
- 遵循匈牙利命名风格，变量类型开头比如对象类型object，则命名为:oInfo，数组则：aPerson，浮点数：fMoney
测试数据类型
<script>
var num = 1;
// alert(typeof(num))
console.log(typeof(num) )
script>
alert是弹窗显示，console是控制台输出显示，console内容去网页右键检查然后点击console查看，是number类型
继续测试小数和字符串、布尔值、null值：
<script>
var num = 1;
console.log(typeof(num));
console.log(typeof (1.1));
console.log(typeof ('123'));
console.log(typeof (true));
console.log(typeof (null));
script>
得到结果为：
测试总结
typeof 123 //Number
typeof ‘abc’ //String
typeof true //Boolean
typeof undefined //Undefined
typeof null //Object
typeof { } //Object
typeof [ ] //Object
typeof console.log() //Function
基本数据类型
1.Number类型
Number类型包含整数和浮点数（浮点数数值必须包含一个小数点，且小数点后面至少有一位数字）两种值。
NaN:非数字类型。特点：① 涉及到的 任何关于NaN的操作，都会返回NaN ② NaN不等于自身。
isNaN() 函数用于检查其参数是否是非数字值。
isNaN(123) //false isNaN(“hello”) //true
2.String类型
字符串有length属性。
字符串转换：转型函数String(),适用于任何数据类型（null,undefined 转换后为null和undefined）；toString()方法（null,defined没有toString()方法）。
3.Boolean类型
该类型只有两个值，true和false
4.Undefined类型
只有一个值，即undefined值。使用var声明了变量，但未给变量初始化值，那么这个变量的值就是undefined。
5.Null类型
null类型被看做空对象指针，前文说到null类型也是空的对象引用。
6.Object类型
js中对象是一组属性与方法的集合。这里就要说到引用类型了，引用类型是一种数据结构，用于将数据和功能组织在一起。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。
三大引用类型
1.Object类型
我们看到的大多数类型值都是Object类型的实例，创建Object实例的方式有两种。
第一种是使用new操作符后跟Object构造函数，如下所示
var person = new Object();
person.name = "Micheal";
person.age = 24;
第二种方式是使用对象字面量表示法，如下所示
var person = {
name : "Micheal",
age : 24
};
如何获取对象：
如果获取的键名不存在，则undefined
console.log('姓名', person.name);
// person['name']
2.Array类型
数组的每一项可以用来保存任何类型的数据，也就是说，可以用数组的第一个位置来保存字符串，第二个位置保存数值，第三个位置保存对象…另外，数组的大小是可以动态调整的。
创建数组的基本方式有两种
第一种是使用Array构造函数，如下所示
var colors = new Array("red","blue","yellow");
也可以这么写，写了个嵌套数组:
var arr1 = new Array();
arr1[0] = 'hello';
arr1[1] = 1;
arr1[2] = [123];
第二种是使用数组字面量表示法，如下所示
var colors = ["red","blue","yellow"];
3 Function类型
每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。函数通常是使用函数声明语法定义的，如下所示
function sum(num1,num2){
return num1 + num2;
};
这和使用函数表达式定义函数的方式相差无几。
var sun = function (){
return sum1 + sum2;
};