JavaScript入门基础,web前端服务端开发

14 阅读3分钟

javascript:

if(true){

var a = 1;

}

console.log(a); // 输出1 ,JavaScript没有块级作用域

基本数据类型


Number类型

Number类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后面至少有一位数字)两种值。

String类型

单引号或双引号扩起来的字符集合。

Boolean类型

该类型只有两个值,true和false。

Undefined类型

只有一个值,即undefined值。使用var声明了变量,但未给变量初始化值,那么这个变量的值就是undefined。

Null类型

Null类型被看做空对象指针,Null类型也是空的对象引用。

三大引用类型


Object类型

我们看到的大多数类型值都是Object类型的实例,创建Object实例的方式有两种。

第一种是使用new操作符后跟Object构造函数,如下所示

var person = new Object();

person.name = "Micheal";

person.age = 24;

第二种方式是使用对象字面量表示法,如下所示

var person = {

name : "Micheal",

age : 24

};

alert(person.name);

Array类型

数组的每一项可以用来保存任何类型的数据,也就是说,可以用数组的第一个位置来保存字符串,第二个位置保存数值,第三个位置保存对象…另外,数组的大小是可以动态调整的。

创建数组的基本方式有两种

第一种是使用Array构造函数,如下所示

var colors = new Array("red","blue","yellow");

第二种是使用数组字面量表示法,如下所示

var colors = ["red","blue","yellow"];

Function类型

每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法。函数通常是使用函数声明语法定义的,如下所示

function sum(num1,num2){

return num1 + num2;

};

这和使用函数表达式定义函数的方式相差无几。

var sum = function (num1,num2){

return num1 + num2;

};

var result = sum(5,8); alert(result);

typeof 操作符


由于js中的变量是弱类型的,所以它提供了一种检测当前变量的数据类型的方法,也就是typeof关键字。

typeof 123   //Number

typeof 'abc'  //String

typeof true //Boolean

typeof undefined //Undefined

typeof null //Object

typeof { } //Object

typeof [ ] //Object

js编写的位置

=================================================================

**1.将JS代码编写到script标签中:

<script > 写这里</script>

2.还可以将JS代码编写到外部的js文件中,然后通过script标签来引入外部的文件

3.可以将JS代码编写到标签的指定属性中(不推荐使用)**

样例代码:

点这里

再点这里



效果动态图:

在这里插入图片描述

js的三种输出方式

===================================================================

/*

控制浏览器弹出一个提示框

*/

alert("Hello JavaScript");

/*

控制浏览器在页面中输出一个内容

document.write()向body中写一个内容

*/

document.write("牛哄哄的柯南");

/*

向控制台输出一个内容

*/

console.log("Keafmd");

样例代码: