Javascript初学篇章_1（概念/数据类型）

时间：2022-08-29 14:50:59

Javascript是一门脚本语言，主要由浏览器来执行。它可以说是页面的灵魂，让页面活过来。与之前学的HTML5+CSS样式的不同之处就在于，JS能让静态网页成为一个动态网页，实现与用户的互动。

Javascript是由ECMAScript、DOM、BOM三部分组成。

ECMAScript：（European Computer Manufacturers Association）核心

DOM：（Document Object Model）文档对象模型

BOM : （Drowser Object Model）浏览器对象模型

题外话：Javascript与Java两者虽然命名上看似有关联，但实际上并没有，当时 Netscape 之所以将 LiveScript 命名为 JavaScript，是因为 Java 是当时最流行的编程语言，带有 "Java" 的名字有助于这门新生语言的传播。 但相似之处还是有的，比如两者的语法都和C语言很相似。

Javascript使用方式

1.将javascript代码插入html文档<head>部分的<script>标签中

<head>

    <script type=“text/javascript”>

    //javascript 代码注释

    alert(‘hello world’);

        </script>

</head>

2.将javascript代码存放在一个独立的文件。用.js作为文件的扩展名，再利用<script>标签的src属性指向该文件。

<head>

    <script type=“text/javascript” src=“test.js”></script>

</head>

Javascript语法

一、变量

说明：变量由 var 运算符加变量名定义。

规制：

1.第一个字符必须是字母、下划线(_)、或美元符号 ($);

2.变量名中不能包含空格或标点符号（下划线(_) 和$ 除外);

3.变量名区分大小写

4.不能使用保留字、关键字

var age = 25;

var mood = ‘happy’;

二、数据类型

1.字符串(String)

说明： 字符串由零个或多个字符构成，字符包括字母，数字，标点符号和空格

规制：字符串必须放在引号里（单引号或双引号）;

var mood = “happy”;

2.数值(number)

说明：数值类型的变量不需要用单引号或双引号包起来。

var age = 25;
var money= 25.5;

 

3.布尔类型 (boolean)

说明：与字符串不同，不要把布尔值用引号括起来。布尔值 false 与 字符串 "false"是两回事。

规制：布尔型数据只能有两种种值 true 和 false;

var like=true;

var like=false;

4.对象(object)

说明：Javascript是一种面向对象的语言，因此可以使用面向对象的思想来进行 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。

注：对象是Javascript的重点，在今后的日子里会不断的用到各种对象。

Javascript对象：Array 对象、Boolean 对象、Date 对象、Math 对象、Number 对象、String 对象、RegExp 对象、全局属性和函数

以其中Date对象用来处理日期和时间，为例：

//新建一个Date()对象

var today = new Date();

//获取年份

var year = today.getFullYear();

//getMonth()获取到的月份是重0开始的

var month = today.getMonth() + 1;

//getDay()获取的是星期，也是从0开始的

var week= today.getDay();

//获取日

var day=taday.getDate();

//获取小时

var hour=taday.getHours();

//获取分钟

var minute=taday.getMinutes();

//获取秒数

var second=taday.getSeconds();

5.Array 数组(object)

说明：我们的变量一般都只能存储一个内容 所以它其实是一个单一的容器 我们的数组一般可以存一个或者是多个值 ，所以数组是一个大的容器，数组也是Javascript对象

组成部分:数组其实是由多个 (键-值) 所组成的一个多容器 数组的索引 默认是从0开始的

例：

var arr = new Array(23,23,45,56,435);

var arr2 = [23,34,546];

var arr3 = new Array();

arr3[0] = 234;

arr3[1] = 234;

6.JavaScript - null, undefined 

null：在 JavaScript 中 null 表示 "什么都没有"。null是一个只有一个值的特殊类型。表示一个空对象引用。可以设置为 null 来清空对象。

Undefined ：在 JavaScript 中, undefined 是一个没有设置值的变量。 typeof 一个没有值的变量会返回 undefined。同样可以设置为 undefined 来清空对象。

Undefined 和 Null 的区别在于 typeof undefined 得到的结果是 undefined ，而 typeof null 得到的结果是 object 。

相关文章