2020-10-15 JavaScript的学习（一）

最新推荐文章于 2024-09-16 08:47:17 发布

努力学习前端的小朋友

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量329

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45665275/article/details/109097169

版权

JavaScript快速入门

文章目录

JavaScript快速入门
一、JavaScript简介
二、变量
三、数据类型

一、JavaScript简介

1.定义

JavaScript是一个编程语言，允许用户在浏览器页面上完成复杂的事情。浏览器页面并不总是静态的，往往显示一些需要动态更新的内容，交互式地图，动画，以及视频等。一个完整的JavaScript包括核心(ECMAScript)，应用程序编程接口即API (比如 DOM(Document Object Model)，BOM(Browser Object Model))，以及其他第三方API。 JavaScript与HTML、CSS一同配合共同完成一个复杂页面的显示。

2.特点

客户端代码，在客户机上执行
（1）.JavaScript特殊的地方在于它也可以作为服务器端代码执行，但是需要搭建Node环境。node hello.js
（2）.在浏览器上运行
解释型语言
被内置于浏览器或者NodeJS平台中的JS解析器解析执行，执行前无需编译
弱类型语言
List item

从上往下顺序解析执行

3.使用JavaScript

内部引用
编写好HTML，在head标签体中添加script元素，然后将JS代码填写进来即可。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World</title>
    <script type="text/javascript">
        var str = "Hello World";
        console.log(str);
    </script>
</head>
<body>
    
</body>
</html>

外部引用
单独新建一个后缀名为.js的JS文件，编写好HTML文件，在head标签体内添加script元素，使用script标签的src属性将将JS文件导入进来

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World</title>
    <script type="text/javascript" src="js/hello.js"></script>
</head>
<body>
    
</body>
</html>

4.注释

单行注释：//
多行注释：/**/

二、变量

变量是一个值的容器，该容器的值可以随时改变。ECMAScript的变量是弱类型（松散类型），可以用来保存任何类型的数据。定义变量时使用var关键字。
变量的使用


声明	var message;
初始化	message = “hello”
声明并初始化	var message = “hello”;
定义多个变量	var message= “hello”,found=false, age = 29;

变量名的命名规则

变量名由字母，数字，下划线以及$组成。
不要使用下划线或者数字作为变量名的开头
变量名应该具有一定的意义，使用小驼峰命名规则 var userAgeTotal = “”;
不要使用关键字或是保留字

三、数据类型

五种基本数据类型

Undefined 未定义类型 undefined var a ; var a = undefined;
Null 空引用数据类型 null var a = null;
Boolean 布尔类型，取值为 true/false，通常用于条件判断 var a = false;
Number 数字类型。整数/浮点数
表示方法：
①整数：

进制	例	组成
十进制	55	由0~9组成
八进制	070	首位为0，其他位有0~7组成
十六进制	0x11	首位为0x，其他位为0_9，AF

②浮点数：所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后必须至少有一位数字。浮点数值的最高精度是17位小数
普通浮点数 3.1415926
科学计数法 3.125e7 即31250000

String字符串类型，需要使用单引号或者双引号括起来 var a =‘true’; var a=‘1’; var a =‘hello’;

引用数据类型

对象Object
对象是模拟现实生活的对象，对象由键值对组成，通过使用大括号将所有键值对括起来。
var dog = { name : 'Spot', breed : 'Dalmatian' };
数组Array
数组是一个特殊的对象，包含了多个值，值与值之间使用逗号分隔开，所有的值通过中括号括起来。
var myNameArray = ['Chris', 'Bob', 'Jim'];
var myNumberArray = [10,15,40];
函数Function
函数是代码执行单元，用于实现某些特殊的功能。

function add(a,b){ 
	return a + b; 
}

typeof

使用typeof判断数据类型
返回该变量名所指向数据的类型
语法： typeof 变量名
返回值如下：“undefined” 未定义
                     “boolean” 布尔类型
                     “string” 字符串
                     “number” 数值
                     “object” 对象或者null或者数组
                     “function” 函数