02.JavaScript入门基础

一、JavaScript数据结构:

标识符(变量名和函数名)

JavaScript语言中标识符最重要的3点就是:

  • (1)第一个字符必须是字母、下划线(_)或美元符号这3种其中之一,其后的字符可以是字母、数字或下划线、美元符号;
  • (2)变量名不能包含空格、加号、减号等符号;
  • (3)标识符不能和JavaScript中用于其他目的的关键字同名;

、关键字(JavaScript关键字是指在JavaScript语言中有特定含义,成为JavaScript语法中一部分的那些字)

、常量(常量的指从定义开始就是固定的,一直到程序结束。例如数字和布尔值)、变量

1、变量的命名

(1)第一个字符必须是字母、下划线(_)或美元符号,其后的字符可以是字母、数字或下划线、美元符号;

(2)变量名不能包含空格、加号、减号等符号;

(3)变量名不能和JavaScript中用于其他目的的关键字同名;

2.变量的声明与赋值:

1 var age,name,gender;
2 var age = 18,name = ‘Lily‘,gender = ‘female‘;

一个好的编程习惯是,在代码开始处,统一对需要的变量进行声明。

3.变量作用域:

函数内声明的变量的是局部变量,只在函数内有效。函数外声明的变量是全局变量,在整个程序中都有效。

 1 <html>
 2  <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 4     <title></title>
 5     <script type="text/javascript">
 6         var a;
 7
 8         function send() {
 9             a = ‘快乐学习‘;
10             var b = ‘javascript‘;
11             alert(a + b);
12         }
13         send();
14     </script>
15  </head>
16  <body>
17
18  </body>
19  </html>

二、数据类型:

基本数据类型(数字型,字符串型,布尔型)、特殊数据类型(null,undefined,转义字符)。

这里只介绍布尔型(Boolean)、null、undefined,和转义字符(/):

Boolean:

0可以看作false,1可以看做true。

布尔值通常在JavaScript程序中用来比较所得的结果,例如:

1 n == 1

这行代码测试了变量n的值是否和数值1相等。如果相等,比较的结果就是布尔值true,否则结果就是false。

布尔值通常用于JavaScript的控制结构:

1 var n = 0;
2
3 if(n == 1) {
4     n = n + 1;
5 } else {
6     n = n - 1;
7 }
 1 <html>
 2  <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 4     <title></title>
 5     <script type="text/javascript">
 6         var n1 = Boolean(‘‘);    // 空字符串,返回false
 7         var n2 = Boolean(‘a‘);    // 非空字符串,返回true
 8         var n3 = Boolean(0);    // 数字0,返回false
 9         var n4 = Boolean(1);    // 非0数字,返回true
10         var n5 = Boolean(-1);    // 非0数字,返回true
11         var n6 = Boolean(null);    // 数值为null,返回false
12         var n7 = Boolean(undefined);    // 数值为undefined,返回false
13         var n8 = Boolean(new Object());    // 对象,返回true
14
15         document.write(n1 + ‘<br>‘);
16         document.write(n2 + ‘<br>‘);
17         document.write(n3 + ‘<br>‘);
18         document.write(n4 + ‘<br>‘);
19         document.write(n5 + ‘<br>‘);
20         document.write(n6 + ‘<br>‘);
21         document.write(n7 + ‘<br>‘);
22         document.write(n8);
23     </script>
24  </head>
25  <body>
26
27  </body>
28  </html>

JavaScript中的关键字null是一个特殊的值,它表示空值,系统没有给它分配内存空间。

null与undefined的区别是,null表示一个变量被赋予了一个空值,而undefined则表示该变量存在但尚未被赋值。

 1 <html>
 2  <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 4     <title></title>
 5     <script type="text/javascript">
 6         var name;
 7         document.write(name);    // 打印一个空或者undefined
 8     </script>
 9  </head>
10  <body>
11
12  </body>
13  </html>

转义字符:

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5         <title>xxx</title>
 6         <script type="text/javascript">
 7             var str1 = "我爱‘JavaScript‘";
 8             var str2 = ‘我爱"JavaScript"‘;
 9             var str3 = "我爱\"JavaScript\"";
10             var str4 = ‘我爱\‘JavaScript\‘‘;
11
12             document.write(str1 + ‘<br>‘);
13             document.write(str2 + ‘<br>‘);
14             document.write(str3 + ‘<br>‘);
15             document.write(str4);
16         </script>
17     </head>
18     <body>
19
20     </body>
21 </html>

下面不用记,需要的时候查表就行了:

三、运算符

  • (1)算术运算符;

  • (2)赋值运算符;

  • (3)比较运算符和逻辑运算符;

  • (4)条件运算符;
 1 <html>
 2  <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 4     <title></title>
 5     <script type="text/javascript">
 6         var a = 5,
 7             b = 6;
 8
 9         var c = (a > b) ? ‘a大于b‘ : ‘a小于b‘;
10
11         console.log(c);  // a小于b
12     </script>
13  </head>
14  <body>
15
16  </body>
17  </html>

typeof() 运算符:

typeof() 运算符返回当前操作数的数据类型,常用于判断一个变量是否已经被定义:

 1 <html>
 2  <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 4     <title></title>
 5     <script type="text/javascript">
 6         document.write(typeof(1) + ‘<br>‘);                // number
 7         document.write(typeof(‘javascript‘) + ‘<br>‘);    // string
 8         document.write(typeof(null) + ‘<br>‘);            // object
 9         document.write(typeof(undefined));                // undefined
10     </script>
11  </head>
12  <body>
13
14  </body>
15  </html>

四、表达式

  • (1)赋值表达式;

  

var name = ‘Alan‘;
  • (2)算术表达式;
1 a + b + c;
2
3 m / n;
4
5 1 + 1;

算术运算符的两边必须都是数值,若在“+”运算中存在字符或字符串,则该表达式将是字符串表达式。因为JavaScript会自动将数值型数据转换成字符串型数据。

 1 <html>
 2  <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 4     <title></title>
 5     <script type="text/javascript">
 6         var str = ‘javascript‘;
 7         var verson = ‘javascript‘ + ‘5‘;
 8         document.write(verson);        // javascript5
 9     </script>
10  </head>
11  <body>
12
13  </body>
14  </html>
  • (3)布尔表达式;
1 a > b
  • (4)字符串表达式;
 1 <html>
 2  <head>
 3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 4     <title></title>
 5     <script type="text/javascript">
 6         var str1 = ‘javascript‘;
 7         var str2 = ‘入门‘;
 8         var str3 = str1 + str2;
 9         document.write(str3);        // javascript入门
10     </script>
11  </head>
12  <body>
13
14  </body>
15  </html>

五、类型转换

六、基本语法

七、注释

时间: 2024-08-28 23:33:46

02.JavaScript入门基础的相关文章

JavaScript入门基础

JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运算符(+,-,*,/,++,--,%).比较运算符(>,<,<=,>=,==,===,!=,!==).逻辑运算符(||,&&,!).条件运算(?:).位移运算符(|,&,<<,>>,~,^)和字符串运算符(+). 可能很多人不知道&quo

JavaScript入门基础知识总结(1)

/* JavaScript基础学习总结 *******该总结用DW写作,为了调试方便,将影响测试的部分以注释形式写出****/ //1.如何放置JavaScript,可以这样实现 //<html> //<body> //<script type="text/javascript">这里的写法是为了让老的游览器能够识别 //这里写JavaScript语句 //如: document.write("hello world");//在页

Javascript入门基础知识和在HTML中的引用方式以及与JAVA之间的关系

JavaScript的基本语法: 一.执行顺序 JavaScript程序是按照出现在HTML文档中出现的顺序逐行执行的,如果需要在整个HTML文档中执行,最好将其放在HTML文件标签中.某些代码,如函数体内的代码,不会被立即执行,只有当所在函数被其他程序调用时,该代码才会被执行. 二.区分大小写 JavaScript是严格区分大小写的.例如str和Str这是两个完全不同的变量. 三.分号和空格 在JavaScript中,语句的":"是可有可无的,但大家最好每一句末尾都加上":

JavaScript入门基础知识总结(3)

/* JavaScript基础学习总结 *******该总结用DW写作,为了调试方便,将影响测试的部分以注释形式写出****/ //所有测试以alert()函数显示 //1.JavaScript特殊字符 //在JavaScript中你可以用反斜杠来表示一个特殊字符,来看例子 //    代码     输出 //    \'     单引号 //    \"     双引号 //    \&     和号 //    \\     反斜杠 //    \n     换行符 //    \r

JavaScript入门基础知识总结(2)

/* JavaScript基础学习总结 *******该总结用DW写作,为了调试方便,将影响测试的部分以注释形式写出****/ //所有测试以alert()函数显示 //1.if条件句 function funIf(){ var date = new Date();//得到一个新的日期 var time = date.getHours();//从日期中得到当前的小时 if(time < 10){ alert("早安!"); }else if( time < 13){ ale

javascript入门基础知识

JavaScript介绍: 1. javascrip是互联网上最流行的脚本语言,可用于Web和HTML,更可广泛用于服务器.pc端.移动端. 2. javascript脚本语言: javascript是一种轻量级的编程语言 JavaScript是可插入HTML页面的变成代码 JavaScript插入HTML页面后,可由所有的浏览器执行 JavaScript用法: HTML中的脚本必须位于<script></script>标签之间 脚本可被放置在HTML页面的<body>

javascript入门视频第一天 小案例制作 零基础开始学习javascript

JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此,小强老师给大家写了这篇入门的javascript文章.从零基础开始学习js,使大家入门更简单,希望大家喜欢.JavaScript是一种脚本语言. 也是我们web网络中最为流行一种脚本语言.脚本语言:     1.不是独立存在的.需要依附.js就是依附在浏览器中.     2.脚本语言也是语言,也有

javascript入门经典、零基础学习

本书目录 第一章:  JavaScript语言基础 第二章:  JavaScript内置对象第三章:  窗口window对象第四章:  文档document对象第五章:  表单form对象第六章:  History与Navigator对象第七章:  JavaScript框架编程第八章:  JavaScript异常处理 第九章:  自定义JavaScript对象     第一章 JavaScript语言基础 [javascript] view plain copy print? 什么是JavaSc

JavaScript基础——JavaScript入门

JavaScript入门 JavaScript是一种轻量级.解释型的Web开发语言,该语言系统不是很庞杂,简单易学.由于所有现代浏览器都已嵌入JavaScript引擎,JavaScript源代码可以在浏览器中直接被解释执行,用户不用担心支持问题. 一.在网页中插入JavaScript代码 使用<script>标签,可以把JavaScript源代码直接放到网页文档中. [示例1]新建HTML文档并保存为test.html,然后在<head> 标签内插入<script>标签