javascript语法基础-变量-数据类型

作者: 鲁智深 分类: JAVASCRIPT 发布时间: 2015-12-01 15:53

一、探讨

浏览器有给html源码渲染的功能,把HTML源码在内存中形成一个dom对象,我们通过javasrcipt引擎去操作dom对象,实现网页特效。

js代码是由js引擎解析执行的,浏览器只是js引擎的一个宿主。

js的宿主不限浏览器,也可能是服务器端

javascript和java什么关系?根本没有关系的。

js也是一种脚本语言,是解释型语言,也是弱类型语言

解释执行和编译执行

解释执行:逐行翻译,逐行执行,不生成额外的翻译的文件

编译执行:全部翻译好,生成一个翻译的文件

二、javascript语法

1、区分大小写

2、变量弱类型

3、代码块用{}

4、注释和php完全一样

1
2
单行注释://
多行注释:/*XXX*/

5、js语句,结束用分号(;) 除了(for、while、if等)

三、js写在什么位置

1、在标签内的动作属性里面

2、写在script标签里面

1
<script>// <![CDATA[js代码// ]]></script>

3、写在js文件里面(jsfilename.js),利用js代码外部引入

1
<script type="text/javascript" src="js文件.js"></script>

四大常用语句:

alert(“字符串”);弹出提示框,可以中断js代码执行

document.write(“字符串”);打印字符串

confirm(“提示语”);弹出选择框,返回值false或ture

prompt(“提示语”);接收用户的输入值,返回输入框里面值

console.log(“提示语””);类似于alert啊,不会打断操作,需要浏览器支持控制台输出。

console.log信息

console.log信息

百度招聘广告……..-_-!

1
2
3
4
5
6
7
8
9
     <script type="text/javascript">
     /*
         alert("鲁智深");
         document.write("鲁智深");
         confirm("鲁智深");
         var name = prompt("谁是鲁智深");
         document.write(name);
         */

     </script>

变量:

什么是变量,在内存中临时存放数据的场所

变量的定义;

语法:var 变量名

说明:一次性可以声明多个变量,用逗号隔开

例子:var name = “abc”;

1
2
3
4
5
6
7
8
<script type="text/javascript">
/*正确定义js变量*/
var a = 123;
var _a = 123;
var $a = 123;
var $="鲁智深";
var 名字="鲁智深";//不建议如此使用
</script>

命名规则:

1、不能以数字开头

2、不要使用js中的关键字(if,for ,else等关键字)

3、在变量名中不能出现'”(){};特殊符合

4、首字母必须是英文字母或者下划线或者$

如何赋值:

语法:变量名 = 值

例句:var name;

name = “鲁智深”;

使用:var age = 123;

alert(age);

全局变量和局部变量的区别

1
2
3
4
5
6
7
8
9
<script>
        var n = 10;//全局变量 任何地方都可以使用
        function demo(){
               var i = 10;//局部变量,只能在当前函数中使用
               x = 10;//这属于全局变量,执行demo方法后任何地方都是使用
            }
        demo();
        alert(x);
    </script>

数据类型:

1、基本类型:数值型、字符串、布尔型

2、复合类型:数组、对象、函数

3、特殊:null(空)、undefined(未定义变量)

4、可以通过赋值为null的方式清除变量

1
2
3
4
5
<script>
  var name = "鲁智深";
  var name = null;
  alert(name);
</script>

例子:

var int1 = 123;

var float2 = 1.23;

var bool3 = true;

var arr=[1,2,3];//定义了一个索引数组

1
2
3
4
5
6
7
8
9
10
11
/*定义js数组*/
var arr=[1,2,3]
alert(arr[1]);
/*定义js数组二*/
var arr = new Array("holle",1,3,"鲁智深");
alert(arr[1]);
/*定义js数组三*/
arr[0] = 1;
arr[1] = "鲁智深";
arr[2] = 111;
alert(arr[1]);

var obj={“name”:鲁智深};//对象

1
2
3
4
5
6
/*定义一个对象*/
var obj = {"name":"鲁智深"};
alert(obj.name);
/*对象拼接*/
var obj = {"name":"鲁智深","age":12};
alert(obj.name+obj.age);

function 函数

1
2
3
4
5
6
7
8
9
10
11
12
/*函数*/
function test(){
    alert("我是鲁智深");
}
test();
/*函数也可以成为变量*/
function test1(){
return "test";
}
res1 = test1;//没有()
res2 = res1();//相当于test1()
alert(res2);
1
2
3
4
5
var a=null;
alert(a);//null

var b;
alert(b);//undefined

函数:typeof(变量)//获取变量的类型

1
2
/*获取变量的类型*/
alert(typeof(a));

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注