javascript 概述及基础知识点(变量,常量,运算符,数据类型)

JavaScript概述

1.1 什么是JavaScript:

javaScript(简称js),是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan的Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。一种运行于 JS解释器/引擎 解释型脚本语言。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaSsript。

在网页里面,js主要有两种实现方式,一是直接在网页中使用<script> 和 </script> ,在标签中间写入js语言,<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。二是把脚本保存到外部文件中,外部 JavaScript 文件的文件扩展名是 .js。然后使用<script src="myScript.js"></script>引入外部文件,src属性中设置js路径。

1.2 js的主要特点是:

  1. js是一种解释性脚本语言(代码不进行预编译);
  2. 主要用来向HTML页面添加交互行为;
  3. 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

1.3 js的主要功能有:

  1. 嵌入动态文本于HTML页面。
  2. 对浏览器事件作出响应
  3. 读写HTML元素
  4. 在数据被提交到服务器之前验证数据
  5. 检测访客的浏览器信息
  6. 控制cookies,包括创建和修改等

1.4 完整的JS由三部分组成:

  1. JS核心-ECMAScript (ES)
  2. 文档对象模型(DOM : Document Object Model)
  3. 浏览器对象模型(BOM : Browser Object Model)

1.5 关于浏览器中js的调试:

通常情况下我们一般不通过NodeJS-->独立安装js脚本的解释器来对js代码进行解释运行,我们大多数情况下使用浏览器嵌入的自带脚本解进行释器调试js代码,也就是通过F12来调出控制台调试。最常使用的是——————console.log()。

二.简单的js语法:

2.1 变量和常量(基础语法牢记)

2.1.1什么是常量:

JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。变量的命名规范如下:

  1. 变量必须以字母开头
  2. 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  3. 变量名称对大小写敏感(y 和 Y 是不同的变量)
  4. 匈牙利命名法
    txt : 文本框,密码框,...
    rdo : 单选按钮
    chk : 复选框
    ...
  5. 下划线命名法
    var _userName;
    var userName;
  6. 驼峰命名法
    变量名称由多个单词组成,第一个单词所有字母全小写,从第二个单词开始,每个单词的首字符变大写。
    var userName;

提示:JavaScript 语句和 JavaScript 变量都对大小写敏感。

2.1.2变量的声明:

在 JavaScript 中创建变量通常称为“声明”变量我们使用 var 关键词来声明变量:

1 var carname;

变量声明之后,该变量是空的(它没有值)。如需向变量赋值,请使用等号:

1 carname="Volvo";

不过,您也可以在声明变量时对其赋值:

1  var carname="Volvo";

声明也可横跨多行:

1 var name="Gates",
2         age=56,
3         job="CEO";

在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。

在执行过以下语句后,变量 carname 的值将是 undefined:

1 var carname;

2.2 常量

和JavaScript中的变量不同的是常量的名称我们通常用英文字母的大写方式,常量的关键字也会有所不同(const),一经赋值不可改变是常量的特点:

1 const PI = 3.14159265;
JavaScript 算术运算符

运算符 = 用于赋值。
运算符 + 用于加值。

算术运算符用于执行变量与/或值之间的算术运算。
给定 y=5,下面的表格解释了这些算术运算符:

注意:在算数运算符中的规则是:
如果把数字与字符串相加,结果将成为字符串。
JavaScript 赋值运算符
赋值运算符用于给 JavaScript 变量赋值。

给定 x=10 和 y=5,下面的表格解释了赋值运算符:

三. 数据类型

3.1 JavaScript的数据类型通常包含原始类型和引用类型两种:

3.1.1原始类型包括:

字符串、数字、布尔、数组、对象、Null、Undefined

(1)Undefined 类型
Undefined 类型只有一个值,即 undefined。当声明的变量未初始化时,该变量的默认值是 undefined。

1 var oTemp;

前面一行代码声明变量 oTemp,没有初始值。该变量将被赋予值 undefined,即 undefined 类型的字面量。可以用下面的代码段测试该变量的值是否等于 undefined:

1 var oTemp;
2 alert(oTemp == undefined);

这段代码将显示 "true",说明这两个值确实相等。还可以用 typeof 运算符显示该变量的值是 undefined:

1 var oTemp;
2 alert(typeof oTemp); //输出 "undefined"

提示:值 undefined 并不同于未定义的值。但是,typeof 运算符并不真正区分这两种值。考虑下面的代码:

1 var oTemp;
2 alert(typeof oTemp);  //输出 "undefined"
3 alert(typeof oTemp2);  //输出 "undefined"

前面的代码对两个变量输出的都是 "undefined",即使只有变量 oTemp2 从未被声明过。如果对 oTemp2 使用除 typeof 之外的其他运算符的话,会引起错误,因为其他运算符只能用于已声明的变量上。
例如,下面的代码将引发错误:

var oTemp;
alert(oTemp2 == undefined);

当函数无明确返回值时,返回的也是值 "undefined",如下所示:

function testFunc() {
}

alert(testFunc() == undefined);  //输出 "true"

(2)Null 类型

另一种只有一个值的类型是 Null,它只有一个专用值 null,即它的字面量。值 undefined 实际上是从值 null 派生来的,因此 ECMAScript 把它们定义为相等的。

alert(null == undefined);  //输出 "true"

尽管这两个值相等,但它们的含义不同。undefined 是声明了变量但未对其初始化时赋予该变量的值,null 则用于表示尚未存在的对象(在讨论 typeof 运算符时,简单地介绍过这一点)。如果函数或方法要返回的是对象,那么找不到该对象时,返回的通常是 null。

3)Boolean 类型
Boolean 类型是 ECMAScript 中最常用的类型之一。它有两个值 true 和 false (即两个 Boolean 字面量)。
即使 false 不等于 0,0 也可以在必要时被转换成 false,这样在 Boolean 语句中使用两者都是安全的。

1 var bFound = true;
2 var bLost = false;

(4)Number 类型
ECMA-262 中定义的最特殊的类型是 Number 类型。这种类型既可以表示 32 位的整数,还可以表示 64 位的浮点数。
直接输入的(而不是从另一个变量访问的)任何数字都被看做 Number 类型的字面量。例如,下面的代码声明了存放整数值的变量,它的值由字面量 86 定义:

var iNum = 86;

(5)String 类型
String 类型的独特之处在于,它是唯一没有固定大小的原始类型。
下面列出了 ECMAScript 的字符字面量(转义字符):

3.1.2 引用类型

引用类型理解:变量的交换等于把现有一间店的钥匙(变量引用地址)复制一把给了另外一个老板,此时两个老板同时管理一间店,两个老板的行为都有可能对一间店的运营造成影响。

1 function chainStore() {
2     var store1=[‘Nike China‘];
3     var store2=store1;
4        alert(store2[0]); //Nike China
5     store1[0]=‘Nike U.S.A.‘;
6     alert(store2[0]); //Nike U.S.A.
7 }
8 chainStore();     

在上面的代码中,store2只进行了一次赋值,理论上它的值已定,但后面通过改写store1的值,发现store2的值也发生了改变,这正是引用类型的特征,也是我们要注意的地方。

由于本文档属于月亮的孩子(夜间赶制),有不足支持还希望大家批评指正.......

时间: 2024-10-09 15:56:35

javascript 概述及基础知识点(变量,常量,运算符,数据类型)的相关文章

JavaScript之基础-1 JavaScript(概述、基础语法)

一.JavaScript 概述 JavaScript 概念 - JavaScript 是一种运行于 JavaScript解释器/引擎中的解释型脚本语言 - JavaScript 解释器作为JS脚本的运行环境,有如下两种呈现方式 - 独立安装的 JavaScript 解释器; - 嵌入在浏览器内核中的 JavaScript 解释器; - 目前 PC .平板.手机.机顶盒中安装的主要浏览器全部支持JavaScript JavaScript 发展史 - 1992年,Nombas公司为自己的CEnvi软

Shell基础:变量类型 &amp; 运算符

Shell变量 Shell支持三种类型的变量 用户自定义变量:用户自定义的变量,变量名以英文字母或下划线开头,区分大小写. 位置变量:根据位置传递参数给脚本的变量,默认支持9个位置变量 $1,$2,$3...$9 预定义变量: 预定义的特殊变量,只能使用,不能修改 用户自定义变量 #定义变量:变量名=变量值, 可以使用"常量/其他变量/命令执行结果"赋值 var1='test var' var2="test variable $var1" var3=`date` #

java基础(3):变量、运算符

1. 变量 1.1 变量概述 前面我们已经学习了常量,接下来我们要学习变量.在Java中变量的应用比常量的应用要多很多.所以变量也是尤为重要的知识点! 什么是变量?变量是一个内存中的小盒子(小容器),容器是什么?生活中也有很多容器,例如水杯是容器,用来装载水:你家里的大衣柜是容器,用来装载衣裤:饭盒是容器,用来装载饭菜.那么变量是装载什么的呢?答案是数据!结论:变量是内存中装载数据的小盒子,你只能用它来存数据和取数据. 1.2 计算机存储单元 变量是内存中的小容器,用来存储数据.那么计算机内存是

1、C#基础:变量、运算符、分支、循环、枚举、数组、方法

C#..Net以及IDE简介 一.什么是.Net? .Net指 .Net Framework框架,一种平台,一种技术. .Net Framework框架是.Net平台不可缺少的一部分,它提供了一个稳定的运行环境来保证我们基于.Net平台开发的各种应用能够正常运转. .Net Framework 各版本区别 2002年 1.0------vs2002 统一类型系统,基础类库,垃圾回收,多语言支持.ado.net 1.0.asp.net 1.0.winform 1.0. 2003年 1.1-----

Java基础总结--变量、运算符总结

---变量基本概述----变量作用:就是用来存储数据变量的声明:变量类型 变量名;变量类型---区分不同类型的数据,变量名--按名访问变量变量名(规则):见名识意,第一个字母小写后面驼峰规则变量的作用域:所在方法内/所在局部代码块内变量初始化:一般情况都要进行初始化(成员变量JVM会进行默认初始化)---变量的分类---(java由于JVM存在跨平台,所以各种数据类型的数据占的存储空间不变)1.基础数据类型整型:byte-1B short-2B char-2B int-4B long-8B布尔型

php基础:变量,运算符总结

//PHP类型//1.整型 int//2.浮点型 float//3.字符串 string//4.数组 array//5.NULL NULL//6.布尔型 bool false ture//7.资源 resource//8.对象 object//计算机中不只储存了变量名和变量值 还储存了变量的类型// null类型只标注了他的类型为NULL  他的字段是空的  NULL是没有值的// 变量命名以大写A-Z 小写a-z 数字0-9和_组成  区分大小写 且变量名不能以数字开头 //变量检测 isse

第二节 Python基础之变量,运算符,if语句,while和for循环语句

我们在上一节中,我们发现当我们用字符串进行一些功能处理的时候,我们都是把整个字符串写下来的,比如"jasonhy".startwith("j"),如果我们在程序中,很多地方用到"jasonhy"的时候,每个都这样写的话,代码看起来就很low了,而且你有时候还有可能写错,再有一个就是,如果现在需求改变了,不再是"jasonhy"里,变成了"Jasonhy",那这个时候你是不是得每个地方都要改呢?这个工作量就可

php基础:变量,运算符,控制结构

变量定义:变量来源于数学.是计算机语言中能储存计算结果或能表示值的抽象概念.即在程序运行过程中它的值是允许改变的量. 变量的命名规范:变量名由A到Z.a到z,数字0-9,和_组成,并且区分大小写,不能以数字开头. 变量赋值方式有二种传值赋值和引用赋值. 1.传值赋值,传值赋值是当将一个表达式的值赋予一个变量时,新的变量在内存中的指针指向原变量的的值,当一个变量的值赋予另一个变量时,改变其中一个变量的值,将不会影响到另一个变量.如 $a = 2;(将等号右边的值2赋给等号左边的值$a) 2.引用赋

数据库基础(变量、运算符、if语句、while语句)

变量:  定义变量:declare @变量名 数据类型变量赋值:set @变量名 = 值输出:print 变量或字符串 SQL语言也跟其他编程语言一样,拥有变量.分支.循环等控制语句. 在SQL语言里面把变量分为局部变量和全局变量,全局变量又称系统变量. 局部变量: 使用declare关键字给变量声明,语法非常简单:declare @<变量名> <变量类型> 对变量的赋值可以使用set关键字,使用set关键字时对变量的赋值一次只能赋值一个. 我们也可以在查询语句里面对这个变量进行赋