JavaScript 基础篇(一)

JavaScript 基础篇(一)
基础篇
Javascript:一、数据类型和值
javascript:允许使用3种基本类型数据--------数字、字符串、布尔值,此外还支持两种小数据类型null(空)和undefine(未定义).
javascript:还支持符合数据类型-对象(object),javascript中对象分两种,一种对象表示的已命名的值的无序集合,另一种表示有 编号的值的有序集合。其实有序集合就是数组(Array)。
javascript:还定义了另一种特殊对象----函数,还有一些javascript定义的一些专用对象(等同C#封装的类一样的概念,直接用就行)


代码如下:

<script>
整型直接量:3或者10000,说白了就是数字
浮点型直接量:3.14,2345.567等,就是带小数点的
字符串直接量:"3.14","demo"等,所谓字符串,就是带单引号或双引号括起来的Unicode字符序列。
把数字转换为字符串:1,var s = 100; s+="What you name";数字就会先
转换成字符串
2,var s = 100 +"";加一个空字符串
3.要让数字更显示的转换为字符串可以使用 String()函数或
者使用toString函数。
把字符串转换为数字:var product = "2" * "2";其实当一个字符串用于数字环
境 中它会自动地转换成一个数字,也可以通过减0也可达到同样的效果,或者使用
Number()函数
布尔值:
在这里我想和大家分享的内容还是转换:今后用的会比较多。1、当一个布尔值用在数字环境中,true就转换为数字1,而false转换成数字0,在字符串环境中,true就转换成字符串true,而false就转换成字符串false
函数:
函数是一个可执行的JavaScript代码段。这里说一下:函数作为数据类型,也可以像其他类型一样赋给对象的属性,当赋值成功后,属性常常当做是哪个方法的引用。后面常用。
函数直接量:var square = function(x){return x*x};//后面常用到,要能理解或记住
</script>

Javascript:二、对象
1、对象


代码如下:

<script>
var o = new Object();//大家注意,javascript大小写敏感!
var now = new Date()
var regex = new RegExp("^\+?\d{1}\d{3}$")//正则表达式
对象的直接量:
var point = {x:12,y:34};
var point2 = {"super":{day:sunday,day1:monday}}//对象的属性引用另一个对象。
对象的转换:
当一个非空的对象用于布尔环境时:它转换为true,当用在字符串环境中是,javascript会调用对象的toString()方法,并且使用该函数返回的值,当用于数字环境时:javascript 会调用该对象的valueOf()方法,如果返回的是一个基本类型,这个值会被使用,大多数的时候返回的是对象自己,这种情况下javascript回调用toString()方法把对象转换成一个字符串,然后在试图转换成数字。这上面的概念,希望大家也要理解,以后会用到。
</script>

2、数组


代码如下:

<script>
var array = new Array();
var arr = new Array(1.2,"Javascript",{x:12,y:23})//带参数的
数组直接量:
var a = [1.2,"Javascript",{x:12,y:23}]//数组是[]号,对象是{}号,很好记!
</script>

3、Null(空)
javascript的关键字Null 是一个特殊的值,它表示无值,null 常被看作对象类型的一个特殊值,即代表无对象的值,当一个变量的值
为null,那么就说明它的值不是有效的(Array,Object,数字,字符串,布尔值), 细节:null 在布尔环境中它转换成false;在数字
环境中转换成0。
4、Undefined(未定义)
在使用一个并未声明的变量时,或者使用了已经声明的变量但没有赋值的变量时,又或者是使用一个并不存在的对象属性是,返回的
就是undefined值,在往后的(命名空间,模块用的还是蛮多,大家要理解),细节:underfined在布尔环境中它转换成false,在数字环境
它会转换成NaN。这一点和null有区别。封装它的对象是Error。
小结:以上内容虽然一看就懂,希望和我一样初学的朋友们,千万不要大意!
JavaScript 基础篇 (二)
基础篇
javascript:变量的声明
以下是几种声明变量的方式


代码如下:

var value;
var value,value1,value2;//同时声明多个变量,但是这些变量的值都是undefined
var i = 0,j = 0,k=100;//变量声明,初始化一体。
//如果大家尝试读一个不存在的变量(值)会报错!但是尝试给一个未使用Var声明的变量赋值,javascript
//会隐式的声明改变量,而且声明了的变量还是全局的。细节:所以大家创建变量都尽量使用Var
//变量的作用域(这个问题也容易出,大家要搞明白)

javascript:变量的作用域
这些都是细节,和我一样初学的一定要注意避免!


代码如下:

var golbal = "golbal"; //全局变量
var local ="local";
function area()
{
//局部变量的优先级比全局变量的高
var local = "arealocal"
//当函数体内声明的变量名和全局变量名相同时,javascript 会隐藏全局变量
var golbal ="areagolbal";
document.write("local is :"+local + "and golbal is :" + golbal +"<br />");
}
area();
//输出:local is :arealocaland golbal is :areagolbal

在嵌套的函数里面定义局部变量,效果会怎么样呢?看下面:


代码如下:

var hope = "moremoney";
function createmore()
{
var hope = "have more money";//局部
function createmoreto()//嵌套函数
{
var hope = "have more money to much";//局部
document.write("Createmoreto hope is :"+hope +"<br />");
//输出:Createmoreto hope is :have more money to much
}
createmoreto();//调用
document.write("Createmore hope is :" +hope +"<br />");
//输出:Createmore hope is :have more money
}
createmore(); //调用

javascript:传值和传址
这里也是比较重要的概念!不要漏了。


代码如下:

传值           传址
复制 实际复制的值,存在不同的、            复制的只是对数字的引用。如果通过这个
独立的拷贝。            新的引用修改了数值,这个改变对最初的
                        引用来说也是可见的。
传递 传递给函数的是值的独立拷贝             传递给函数的是对数值的引用,如果函数
对它的改变在函数外没有影响             通过传递给它的引用修改了数值,这个改
                         变也是可见的。       
比较 比较这两个对立的值,通常逐             比较的是两个引用,以判断它们引用的是否
字节的比较,以判断是否相等              是同一个数值。

javascript:基本类型和引用类型
javascript的基本规则是:基本类型通过传值来操作,引用类型通过传址来操作。(什么事值类型,或者什么事引用看我上一篇)


代码如下:

按值传递
var value = 1;
var copyvalue = value; //将value赋给另一个变量
function addTotal(total,arg)
{
total+= arg; //total = total + arg 效果等同
}
//调用函数,传两个参数(大家可能会认为这个函数改变了全局变量的值,其实没有,函数用的也是对立拷贝)
addTotal(value,copyvalue);
if(value == 1) copyvalue = 2;
document.write("total \t" + value + "and copyvalue \t\t" + copyvalue+"<br />");
//最后输出:total 1and copyvalue 2

代码如下:

按址传递
var array = new Array("Javascccp");
var objarray = array;
function modifyArray(arr)
{
arr[0] = "JAVASCRIPT";
}
//没调用函数前
document.write(array[0] +"<br />");
//输出Javascccp;
//调用函数后
modifyArray(array);
document.write(array[0]+"<br />");
//输出大写JAVASCRIPT
//通过修改objarray会是一样的效果
objarray[0] = "Frank";
document.write(array[0]+"<br />");
//输出Frank;

小结:上面内容希望大家都不要错过,对学习后面的知识还是很有帮助的!

(0)

相关推荐

  • JavaScript 基础篇之运算符、语句(二)

    javascript:运算符 其实运算符大家要是有计算机语言基础应该都知道,可能甚至比我还精通,这样我就不多解释了,就来说说其它几个生疏的吧! 1.in 运算符:in运算符要求其左边的运算数是一个字符串,或可以被转换为字符串,右边的运算数是一个数组或者对象,如果左边的值是右边的对象的一个属性,它返回true. 复制代码 代码如下: var objvalue = {x:1,y:7}; document.write("x is in objvalue:" + ("x"

  • JavaScript 基础篇之对象、数组使用介绍(三)

    Javascript:对象 对象我们在前面也简单介绍过,它是一种将多个数据值集中在一个单元的东西,使用名字来存取,它是一个无序的属性集合. 1.创建对象的几种方式 复制代码 代码如下: var empty = {} //创建一个没有属性的对象. var person = {name:"ben",age:22,sex:'男'}//使用直接量创建对象 var people = {{name:'Frank',age:21},{name:'Mary',age:21},sex:'MAN'}//

  • JavaScript 基础篇(一)

    JavaScript 基础篇(一) 基础篇 Javascript:一.数据类型和值 javascript:允许使用3种基本类型数据--------数字.字符串.布尔值,此外还支持两种小数据类型null(空)和undefine(未定义). javascript:还支持符合数据类型-对象(object),javascript中对象分两种,一种对象表示的已命名的值的无序集合,另一种表示有 编号的值的有序集合.其实有序集合就是数组(Array). javascript:还定义了另一种特殊对象----函数

  • JavaScript基础篇(6)之函数表达式闭包

    其实js支持函数闭包的主要原因是因为js需要函数能够保存数据.这里的保存数据是只函数在运行结束以后函数内变量的值也会进行保存.至于为什么js需要在函数内可以保存数据,那就是js是一种函数式语言.在函数内保存数据是函数式语言的一大特征. 回顾前面介绍过的三种定义函数方式 functiosu(numnumreturnunum//函数声明语法定义 vasufunction(numnum)returnunum}//函数表达式定义 vasuneFunction("num""num&qu

  • JavaScript基础篇(3)之Object、Function等引用类型

    阅读目录 Object类型 1.通过构造函数来创建 2.通过字面量表示法来创建对象 Array类型 同样Array也有两种创建方式: 如果我们想要打印数组中所有的值,直接打印数组的变量名就可以: 往数组添值: 栈方法.队列方法:  关于数组的排序:  数组的一些操作方法: 查找位置方法 迭代方法 归并方法 Date类型 RegExp类型 Function类型 三种表示法: 方法重载 函数内部属性(arguments 和 this) 基本包装类型 浏览器的内置对象 URI 编码方法 总结 我们在<

  • JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例

    javascript:变量的声明以下是几种声明变量的方式 复制代码 代码如下: var value; var value,value1,value2;//同时声明多个变量,但是这些变量的值都是undefined var i = 0,j = 0,k=100;//变量声明,初始化一体. //如果大家尝试读一个不存在的变量(值)会报错!但是尝试给一个未使用Var声明的变量赋值,javascript //会隐式的声明改变量,而且声明了的变量还是全局的.细节:所以大家创建变量都尽量使用Var //变量的作

  • javascript 基础篇2 数据类型,语句,函数

    写内容之前废话一句:因为旧版有些浏览器不支持javascript脚本,遇到script结点,当做普通内容输出了,所以有时候为了让版本兼容,会在script结点里的内容写上注释符号,这样的话在旧版里虽然程序会失效,但是不会出现我们的代码,类似于这样(请忽略括号以及括号里的东西): 复制代码 代码如下: <script type="text/javascript"> <!-- (注意,这里必须换行) xxxxxx; --> (这一行也不可以写东西.) </sc

  • 带领大家学习javascript基础篇(一)之基本概念

    学习目录 一.数据类型 数据类型 二.操作符 递增和递减操作符: 位操作符: 布尔操作符: 加性操作符: 相等操作符 三.语句 for-in语句 label语句 一.数据类型 数据类型 基本数据类型(五种) Undefined Null Boolean Number String 复杂数据类型(一种) Object Undefined:只有一个值undefined(定义了没有赋值). 例: var str;alert(str);//undefined 注意:如果没有用var申明,直接使用会报异常

  • javascript 基础篇1 什么是js 建立第一个js程序

    javascript是一个基于对象和事件驱动,并且具有安全性的脚本语言,应用很广泛,不仅仅是网页,不要被jsp给困住. 基于对象,就是不需要指定变量的类型,你给他一个3,它知道是整型,如果给赋值'3',它就知道是char. 事件驱动,就是单击啊,之类的事件进行驱动. javascript优点:网页互动性强,简单易用.js主要是基于客户端运行,很大程度上减少了服务器的负荷. javascript是脚本编程语言:采用程序段方式实现,与HTML结合,java的编译器其实就是浏览器本身. 安全性:HTM

  • javascript 基础篇3 类,回调函数,内置对象,事件处理

    复制代码 代码如下: function 类名(参数表){ this.属性; ...... this.函数; } 这样,函数和数据成员都是用"this."来实现. 我们自己定义一个简单类student好了,然后再去构造它,并且实现一个输出函数. 复制代码 代码如下: <script LANGUAGE="JavaScript"> <!-- function student(a,b){ this.name = a; this.age=b; this.ou

  • 精通Javascript系列之Javascript基础篇

    javascrpit的基本概念: 1)区分大小写 与JAVA一样,JS中的变量,函数,运算符以及其他的一切东西都是区分大小写的,例如:变量MyTag与MYTAG是两个不同的变量. 2)弱类型变更.所以谓弱类型变量指的是JS中变量无特定类型,不像C那样.定义变量只用"var",并可以将其初始化为任意的值,这样就可以随便的改变变量所存储数据的类型,不般不推荐: 例:var age=25; var myName="zhangsan"; 3) 每行结尾的分号可有可无: 例:

随机推荐