JavaScript语法

1.JS的引入

1- 直接在<script>标签下引入

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        console.log('hello world!');

    </script>

</head>

<body>

</body>

</html>

在浏览器中单击右键选择检查，选择Console，可以看到代码的输出结果

2- 从文件中导入js代码

HTML代码

<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="js/helloworld.js"></script>

</head>

<body>

</body>

</html>

JS代码

console.log('hello world!');

结果同上

2.语法规则

学习程序，是有规律可循的，就是程序是有相同的部分，这些部分就是一种规定，不能更改，我们成为：语法。

（1）JavaScript对换行、缩进、空格不敏感。

备注：每一条语句末尾要加上分号，虽然分号不是必须加的，但是为了程序今后要压缩，如果不加分号，压缩之后将不能运行。

（2）所有的符号，都是英语的。比如括号、引号、分号。

（3）JavaScript的注释：

<script type="text/javascript">

    // 单行注释

    /*

    多行注释1

    多行注释2

    */

</script>

备注：pycharm、sublime中，单行注释的快捷键是ctrl+/，多行注释的快捷键是ctrl+shift+/。

3.JavaScript在网页中输出信息的写法

3.1- 弹出告警框：alert('')

// 弹出告警框

alert('这是告警框');

在打开浏览器后，会弹出告警框。alert（英文翻译为“警报”）的用途：弹出“警告框”。

3.2- 控制台输出：console.log('')

// console控制台

console.log('这是控制台');

console.log("")表示在控制台中输出。console表示“控制台”，log表示“输出”。

控制台在Chrome浏览器的F12中。控制台是工程师、程序员调试程序的地方。程序员经常使用这条语句输出一些东西，来测试程序是否正确。

3.3- 用户输入：prompt()语句

// 用户输入

var a = prompt("用户输入信息");

console.log(a);

prompt()就是专门用来弹出能够让用户输入的对话框。

4.变量

4.1- 定义变量

// 定义变量

var a = 100;

var b;

b = 200;

console.log(a,b);

var是英语“variant”变量的缩写。后面要加一个空格，空格后面的东西就是“变量名”，

  • 定义变量：var就是一个关键字，用来定义变量。所谓关键字，就是有特殊功能的小词语。关键字后面一定要有空格隔开。

  • 变量的赋值：等号表示赋值，将等号右边的值，赋给左边的变量。

  • 变量名：我们可以给变量任意的取名字。

PS：在JavaScript中，永远都是用var来定义变量

4.2- 变量的命名规范

变量名有命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。

常见关键字 -- 不可以使用

abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto

implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile

对大小写敏感

4.3- 变量的类型

变量里面能够存储数字、字符串等。变量会自动的根据存储内容的类型不同，来决定自己的类型。

可以使用typeof方法获取变量的类型

数字类型

在JavaScript中，只要是数，就是数值型(number)的。无论整浮、浮点数（即小数）、无论大小、无论正负，都是number类型的。

// 数字类型

var a = 100;

var b = 100.1;

var c = -100;

console.log(a, typeof a);

console.log(b, typeof b);

console.log(c, typeof c);

字符串类型

使用引号括起来的内容

// 字符串类型

var a = 'word';

var b = '单词';

var c = '12313';

var d = '';

console.log(a, typeof a);

console.log(b, typeof b);

console.log(c, typeof c);

console.log(d, typeof d);

可以使用连字符拼接字符串

// 字符串类型

var a = 'word';

var b = '单词';

var c = '12313';

var d = '';

console.log(a, typeof a);

console.log(b, typeof b);

console.log(c, typeof c);

console.log(d, typeof d);

console.log(a+b+c+d);

4.4- 变量的运算

// 字符串 - 数值 = 数值

var a  = 'str';

var b = 500;

var c = '100';

console.log(a-b, typeof a-b);

console.log(c-b, typeof c-b);

// 数值 + 字符串

console.log(b+a, typeof (b+a));

console.log(b+c, typeof (b+c));

字符串 - 数值 = NaN

数值 - 字符串 = NaN

字符串 + 数值 = 字符串

数值 + 字符串 = 字符串

4.5- 变量格式转换

1- 使用用户输入方法prompt输入的都是字符串

// 用户输入类型

var inp = prompt('用户输入的类型');

console.log(inp, typeof inp);

2- 使用parseInt()：字符串转化成数字

parseInt()可以将字符串转数字。parse表示“转换”，Int表示“整数”（注意Int的拼写）。

特性：

（1）带有自动净化的功能；只保留字符串最开头的数字，后面的中文自动消失。

// parseInt()字符串转化成数字

var str1 = "2018年";

console.log(parseInt(str1));

（2）自动带有截断小数的功能：取整，不四舍五入。

var a = 5.5;

var b = 2.3;

console.log(parseInt(a-b), parseInt(a+b));

02-JavaScript语法的更多相关文章

  1. JavaScript学习02 基础语法

    JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.s ...

  2. javaScript系列 [02]-javaScript对象探析

    [02]-javaScript对象探析 题记:多年前,以非常偶然的方式关注了微信公众号“面向对象”,本以为这个公众号主要以分享面向对象编程的干货为主,不料其乃实实在在的猿圈相亲平台.通过查看公开资料, ...

  3. JavaScript：JavaScript语法的详细介绍

    JavaScript语法:只要Java会了,基本上javascript语法就会了. ——变量的定义 ——程序的结构控制 ——数组操作 ——函数的定义即使用 基本的test.html代码如下,它会导入下 ...

  4. javascript语法详解

    javascript语法:运算符 条件语句if...else...  条件语句switch  循环语句for  循环语句while   跳转语句 js运算符 1.算数运算符:+ - * % / ++ ...

  5. When Colon Scripting is comming(JavaScript语法扩充)

    当冒号脚本来临-- JavaScript语法扩充 连续好几夜的不能安眠,得出结论就是,未来语言未来的编译器应该是支持语法定制规则和语法扩展的,这样使得编程语言不断进化以更利于人类使用!of cours ...

  6. Javascript语法基础

    Javascript语法基础   一.基本数据类型   JavaScript中支持数字.字符串和布尔值三种基本数据类型: 1．数字 数字型是JavaScript中的基本数据类型.在JavaScript ...

  7. JavaScript语法细节——引用与复制

    原文:JavaScript语法细节--引用与复制 我们都知道,JS中变量的赋值有两种方式,最近在折腾自己写的标签栏插件,碰到了很多平时没注意的问题.正好,那边处理清楚了,稍微整理一下关于引用与复制相关 ...

  8. 第九十八节，JavaScript语法、关键保留字及变量

    JavaScript语法.关键保留字及变量 学习要点: 1.语法构成 2.关键字保留字 3.变量 任何语言的核心都必然会描述这门语言最基本的工作原理.而JavaScript的语言核心就是ECMAScr ...

  9. JavaScript 语法

    一.JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件. 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司 ...

  10. JavaScript DOM 编程艺术（1）---> JavaScript语法

    一.  JavaScript语法目录 语法 操作 条件语句 循环语句 函数 对象 二.  具体内容 2.1 语法 javaScript代码要通过HTML/XHTML文档才能执行.可以有两种方式完成这一 ...

随机推荐

  1. (摘)linux下yum安装redis以及使用

    1.yum install redis      --查看是否有redis   yum 源 2.yum install epel-release    --下载fedora的epel仓库 3.yum ...

  2. Inspection info: Checks Spring Boot application .properties configuration files. Highlights unresolved and deprecated configuration keys and in

    Cannot resolve class or package ‘jdbc’ less… (Ctrl+F1) Inspection info: Checks Spring Boot applicati ...

  3. spring学习总结——高级装配学习四（运行时：值注入、spring表达式）

    前言: 当讨论依赖注入的时候,我们通常所讨论的是将一个bean引用注入到另一个bean的属性或构造器参数中.bean装配的另外一个方面指的是将一个值注入到bean的属性或者构造器参数中.在没有学习使用 ...

  4. c/c++ 多线程 boost的读写(reader-writer)锁

    多线程 boost的读写(reader-writer)锁 背景:保护很少更新的数据结构时,c++标准库没有提供相应的功能. 例如:有个DNS条目缓存的map,基本上很少有更新,大部分都是读取,但是偶尔 ...

  5. https协议详解

    HTTPS协议建立过程 1) 客户端首次发送请求时,由于客户端(浏览器等)对一些加解密算法的支持程度不一样,但是在TLS传输中必须使用相同的加解密算法,所以在TLS握手的阶段,客户端告诉服务器端自己支 ...

  6. 我的第一个python web开发框架（34）——后台管理系统权限设计

    框架底层和接口终于改造完成了,小白再次找到老菜. 小白:老大,上次你对后台权限系统简单的讲了一下,我一点头绪都没有,现在有空完整的说一说吗? 老菜:说到权限系统,要讲明白真不容易,权限系统并不是越复杂 ...

  7. 英语口语练习系列-C10-up and down

    <长恨歌>·白居易 长恨歌朗读视频,点我可听,thanks 长恨歌-白居易 汉皇重色思倾国,御宇多年求不得.杨家有女初长成,养在深闺人未识. 天生丽质难自弃,一朝选在君王侧.回眸一笑百媚生 ...

  8. springMVC DispatcherServlet类关系图

  9. koa 中间件

    什么是 Koa 的中间件 通俗的讲:中间件就是匹配路由之前或者匹配路由完成做的一系列的操作,我们就可以 把它叫做中间件. 在express中间件(Middleware)是一个函数,它可以访问请求对象( ...

  10. 网络流之P3254 圆桌问题

    题目描述 假设有来自m 个不同单位的代表参加一次国际会议.每个单位的代表数分别为ri (i =1,2,……,m). 会议餐厅共有n 张餐桌,每张餐桌可容纳ci (i =1,2,……,n)个代表就餐. ...