JavaScript的基本语法

最新推荐文章于 2023-05-09 19:08:55 发布

原创最新推荐文章于 2023-05-09 19:08:55 发布

· 780 阅读

2 ·

版权

JavaSript 专栏收录该内容

6 篇文章

订阅专栏

JavaScript作用

在这里插入图片描述

什么是JavaScript

在这里插入图片描述
ECMAScript：脚本语言
DOM：所有的标签都是DOM对象，document是指整个文件就是它的对象。
BOM：（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。

ECMAScript

语法标准

语法
变量和数据类型
运算符
逻辑控制语句
关键字、保留字
对象

编码遵循ECMAScript标准

浏览器对象模型BOM

拥有封装好的对象，方便调用。
在这里插入图片描述

文档对象模型DOM

DOM能够对各类标签进行增删改
在这里插入图片描述

脚本的基本结构

script标签可以写在任意地方，程序从上往下执行。

<script type="text/javascript">
    <!--
          JavaScript 语句;
    -->
</script >

脚本执行原理

在这里插入图片描述

输出Hello World

<script  type="text/javascript">
//在文档加载后使用方法document.write,会覆盖整个文档
document.write("使用JavaScript脚本循环输出helloworld");
  for(var i=0;i<5;i++) {
         document.write("<h3>Hello World</h3>");
       }
  //自动解析标签
  document.write("<h1>Hello World</h1>");
</script>

JavaScript的使用方式

Html页面内嵌JS代码

<script src="hello.js" language="javascript"></script>

外部JS文件
简短缩写方式

<input name="btn" type="button" value="弹出消息框"  onclick="javascript:alert('欢迎你');"/>

avaScript核心语法

在这里插入图片描述

变量的声明和赋值

声明变量统一用var 只有当对变量进行赋值时才能确定变量的类型
在这里插入图片描述

数据类型

undefined
boolean(布尔)
string(单引号或双引号引起)
number(整数和浮点数)
null(用来清空变量)
object(对象)
array(数组)

动态类型

JavaScript 拥有动态类型：相同的变量根据赋值的类型来决定它的类型，如：
var x // x 为 undefined
var x = 6; // x 为数字
var x = “Bill”; // x 为字符串

字符串、数字、布尔

字符串可以是引号中的任意文本。您可以使用单引号或双引导，如： var carname=“Bill Gates”;
数字可以带小数点，也可以不带。
如：var x1=34.00; var x2=34;
布尔（逻辑）只能有两个值：true 或 false。
如：var x=true var y=false

数组类型

数组是一组值的对象，类型可以不一样，以下是多种初始化：
第一种：
var cars=new Array();
cars[0]=“Audi”; cars[1]=“BMW”; cars[2]=“Volvo”;
第二种：
var cars=new Array(“Audi”,“BMW”,“Volvo”);
第三种：
var cars=[“Audi”,“BMW”,“Volvo”];

数组中值的类型可以不一致，如：
var a =new Array(new Date(),100,“Volvo”);

对象类型(属性)

对象就是具体属性和方法的复合体。
对象的方法代表对象的行为能力。
初始化如下：
var person = new Object();
person.firstname = “Bill”;
person.age = 56;
person.print = function(){
alert(this.firstname);
}
方法的调用：
对象.方法，如person.print();

第二种声明方法

var user = {
	id: 1,
	name: "张三",
	getName: function() {
		return this.name;
	},
	setName: function(id) {
		this.name = id;
	}
};

对象用大括号括起来

Typeof方法

typeof检测变量的数据类型(返回变量的数据类型)
typeof运算符返回值如下：
undefined：变量被声明后，但未被赋值
string：用单引号或双引号来声明的字符串
boolean：true或false
number：整数或浮点数
object：javascript中的对象、数组和null