javascript入门及数据类型

试了下,js脚本除了不能在当前页面的title标签中,当前页面哪都可以放。但是还是规矩的安置为好。

a标签href属性放个脚本还是很不错的。

1 <a href="javascript:alert(‘还能这样用‘);">点我</a>

当使用如下方法来引入外部的js文件时,script标签就不能包含任何代码了

1 <script type="text/javascript" src="./bootstrap.min.js"></script>

使用var声明变量,变量会在内存中创建一块空间用于存储数据。

输出变量还可以使用console.log( );在控制台输入。

document.write()向body里面写入内容。document.title()向文档title部分写入内容


js数据类型:

1.字符串类型。string 通过单or双引号定义,引号单双无区别

1 var vzero = ‘ zero ‘;var vone  = "this is variable" + vzero;console.log(vone);

2.数值类型。number 小数,整数都是数值类型

1 <script type="text/javascript">
2     var str = "hello";
3     var result = parseInt(str);        //使用parseInt();可以强制转换为整数型数值
4     console.log(typeof(result));       //number
5     console.log(isNaN(result));        //true  使用isNaN();可以判断是否不是一个数值
6 </script>

3.布尔类型。通常是用来作为条件判断,在php中‘0‘,‘[]‘被转换成false,js中反之。

1 var arr = [];
2 console.log(Boolean(arr));    //true

4.函数类型。变量可以保存函数

1 <script type="text/javascript">
2     var vone = function(){
3     }
4     function func(){
5     }
6     console.log(vone);            //function
7     console.log(typeof(func));    //使用function关键字定义函数
8 </script>

函数中变量的作用域。在函数外部定义变量就是全局变量,反之局部变量。注意:如果在函数内部声明变量时,没有使用var关键字,表示变量就是全局变量。当在函数内部访问一个标量时,会先在函数内部查找,如果没有找到,则去上一级作用域查找,这个查找的过程称之为作用域链。

1 <script type="text/javascript">
2     var vone = ‘global‘;
3     function func1(){
4         console.log(vone);            //unsigned
5         var vone = ‘func1‘;
6         console.log(vone);            //func1
7     }
8     func1();
9 </script>

函数的参数。除了形参、实际参数之外,还可以通过arguments对象进行管理,第一个参数保存到arguments数组的第一个元素,第二个参数会保存到arguments数组的第二个参数上,以此类推。

1 <script type="text/javascript">
2     function Sum(){
3         console.log(arguments);
4         for (var i = arguments.length - 1; i >= 0; i--) {
5             console.log(arguments[i]);    // 7 8 5 1
6         }
7     }
8     Sum(1,5,8,7);
9 </script>

闭包特性。在函数内部嵌套定义函数的时候,内部函数就会将外部函数的变量的最终值包含起来,保存到内存中,有些类似php的静态变量。

 1 <script type="text/javascript">
 2     function func1(){
 3         var v1 = 10;
 4         var func2 = function(){
 5             console.log(v1);
 6         }
 7         v1 = 20;
 8         return func2;
 9     }
10     var result = func1();
11     result();    // 20
12 </script>

hint:在函数的外部即可以读取到函数内部的值。

使用此方法可以解决上述问题:

 1 <script type="text/javascript">
 2     function func1(){
 3         var arr = [];
 4         for (var i = 3; i > 0; i--) {
 5             arr[i] = func2(i);
 6         }
 7         return arr;
 8     }
 9     var func2 = function(v){
10         return v;
11     }
12     var result = func1();
13     console.log(result[1]);        // 1
14     console.log(result[2]);        // 2
15     console.log(result[3]);        // 3
16 </script>

5.数组类型。使用数组、对象可以保存多个值,可统称为复合类型的数据。

定义数组有两种方式:

new Array();、快捷语法[];

1 new Array(‘value1‘,‘value2‘);

注意,在js中不能定义关联类型的数组。

数组的遍历 可以通过for循环搭配arr.length遍历下标得出数据,或者直接使用for in:

1 var arr = [1,2,3,8,7,5];
2 for (var num in arr){
3     console.log(arr[num]);
4 }

6.对象类型。数组只能定义索引数组,如果保存一些关联类型的数据,可以使用对象。

通过构造器创建对象,new object();

 1 <script type="text/javascript">
 2     function Snake(){                //构造函数(构造器)
 3         this.name = ‘小青‘;            //对象成员
 4         this.color = ‘green‘;
 5         this.eat = function(){        //对象方法
 6             console.log(‘吃老鼠‘);
 7         }
 8     }
 9     var result = new Snake();
10     console.log(typeof(result));    //object
11     alert(result.name);                //小青
12     result.eat();                    //吃老鼠
13 </script>

通过快捷语法:{}字面量,创建对象

语法格式:

1 var obname =
2 {
3 属性名:属性值
4 方法名:function(){}
5 }

通过 new Object()创建对象。

1 <script type="text/javascript">
2     var obj = new Object();
3     obj.name = ‘大黄‘;
4     obj.eat = function (){
5         alert(‘runing‘);
6     }
7     obj.eat();    //runing
8 </script>

访问对象的成员可以通过点的方式,也可以使用[]语法。

 1 <script type="text/javascript">
 2     function Snake(){                //构造函数(构造器)
 3         this.name = ‘小青‘;            //对象成员
 4         this.color = ‘green‘;
 5         this.eat = function(){        //对象方法
 6             console.log(‘吃老鼠‘);
 7         }
 8     }
 9     var snake = new Snake();
10     for (var attr in snake){
11         console.log(snake[attr]);
12     }
13 </script>

7.null类型。指一个空对象的指针,可以理解为空对象的占位符。

1 var obj = null;
2 console.log(typeof(obj));

8.undefined类型。函数没有返回值,或声明了变量,但是未初始化值,他就是undefined

1 <script type="text/javascript">
2     function Snake(){
3     }
4     console.log(Snake());
5     var vone;
6     console.log(vone);
7 </script>
时间: 2024-11-19 10:28:38

javascript入门及数据类型的相关文章

&lt;javascript入门&gt;基本语法

<javascript入门>基本语法一.什么是javascript?javascript语言有什么特点?脚本语言的特点?    1.如果说css是给html页面进行化妆装饰以使html页面更加美观漂亮,那么javascript就是对html中DOM树上的节点进行增删改以使html页面实现动态的效果.    2.javascript语言是一种基于面向对象的.弱类型的.平台无关性的.安全性的语言.之所以说javascript基于面向对象是说它不是一种纯粹的面向对象,而是需要面向对象时即面向对象,需

02.JavaScript入门基础

一.JavaScript数据结构: 标识符(变量名和函数名) JavaScript语言中标识符最重要的3点就是: (1)第一个字符必须是字母.下划线(_)或美元符号这3种其中之一,其后的字符可以是字母.数字或下划线.美元符号: (2)变量名不能包含空格.加号.减号等符号: (3)标识符不能和JavaScript中用于其他目的的关键字同名: .关键字(JavaScript关键字是指在JavaScript语言中有特定含义,成为JavaScript语法中一部分的那些字) .常量(常量的指从定义开始就是

【译】Javascript中的数据类型

这篇文章通过四种方式获取Javascript中的数据类型:通过隐藏的内置[[Class]]属性:通过typeof运算符:通过instanceof运算符:通过函数Array.isArray().我们也会看看原型对象的构造函数,可能会有意想不到的数据类型结果. [这篇文章是我在adobe发布的文章,我发布在这里只是为了存档.] 知识储备 在开始我们的话题之前,我们不得不复习一些所需的知识点 1.1 原始值和对象 Javascript中的数据,要么是原始值,要么是对象. 原始值.下面是原始值: und

HTML、XHTML、CSS与JavaScript入门经典pdf

下载地址:网盘下载 内容介绍: 自从网站诞生以来,用于构建网站的语言就一直在不断地演化.现在一系列最佳实践已经出现,使用HTML或XHTML创建基本的网页,使用CSS控制它们的外观并使它们更加引人注目,使用JavaScript添加交互功能.<HTML.XHTML.CSS与JavaScript入门经典>一书假设您以前没有任何经验,这些宝贵的资源有助于如何使用最新的Web标准.不管您是期待编写第一个网页的初学者,还是急需提升编程技能的资深程序员,都会发现对这些基本语言的实践指导,以及有经验的Web

javascript入门进阶(一)

javascript 入门进阶 这里主要讲解一下在入门阶段很难注意的一些知识点,不一定有用.但是会了总比不会强. 1.HTML为<script>标签准备的6个属性: -async:可选.表示应该立刻下载脚本,但不应妨碍页面中的其他操作.(其他的下载可以等待) -charset:可选.表示通过src指定的代码的字符集. -defer:可选.表示脚本可以延迟到文档被解析和显示之后在执行.该版本值对外部JavaScript有效果 -src:可选.执行代码的外部文件. --type:可选.编写代码使用

JavaScript入门:005—JS基本语句

JS的基本语句如下.主要看看循环语句和选择语句.循环语句1.for循环 for(var i=1;i<100;i++){ //代码 } 2.do...while循环 var i = 0; do { i++; //代码 }while(i<100); 3.遍历 var array = new Array(); array[0] = "你懂的"; array[1] = "over"; array[2] = "呵呵"; array[3] = &

Javascript入门视频教程

1,第一节 http://pan.baidu.com/play/video#video/path=%2F%E6%95%99%E5%AD%A61.mov&t=-1 2,第二节 http://pan.baidu.com/play/video#video/path=%2FJavascript%E6%95%99%E7%A8%8B2.mov&t=-1 Javascript入门视频教程,布布扣,bubuko.com

JavaScript入门学习书籍的阶段选择

对于许多想学习 JavaScript 的朋友来说,无疑如何选择入门的书籍是他们最头疼的问题,或许也是他们一直畏惧,甚至放弃学习 JavaScript 的理由.在 JavaScript 方面,自己不是什么专家,也不是什么高手,但自己一路走来,JavaScript 从迷茫到认识,对于JavaScript 书籍的认识或许还有些借鉴价值.入门推荐首选书籍:<JavaScript DOM 编程艺术>当初读了不下 4 遍,书内容简单,易学,上手快,编程思想严谨.好的入门书,对你未来的编程都会有着深远的影响

JavaScript入门:001—概述

关于JavaScript JavaScript针对html页面进行交互行为:JavaScript是脚本语言,解释执行的:JavaScript可以直接嵌入html页面,也可以是个.js文件加载到html页面执行: JavaScript是免费的. JavaScript的作用 JavaScript是为html页面提供的编程工具 即使不是程序员也可以使用javascript进行页面的设计和美化,只需写一段javascript程序即可.JavaScript能响应事件 在html元素上设置一个事件,当事件被