分类 游戏/代码/教程 的搜索结果

时间: | 分类: JavaScript教程

首先,变量是一个用于存放数值的容器,且数值是可以被改变的。

声名变量

var kamenRider

初始化变量


kamenRider = '夜は焼肉っしょ!アッハッハッハッ…'

同是你也可以在声明的时候初始化,如下

var kamenRider = '夜は焼肉っしょ!アッハッハッハッ…'

更新变量

直接给一个不同的值即可

kamenRider = '宝↗生↘永↗梦↘'

例如下面我们声明了一个 kamenRider 的变量且初始化变量并更新变量

var kamenRider = '通りすがりの仮面ライダーだ、覚えておけ!' //字符串变量
console.log(kamenRider) //这时候输出的是通りすがりの仮面ライダーだ、覚えておけ!
kamenRider = 'ボロボロだ'
console.log(kamenRider) //这时候输出的是ボロボロだ

但是需要注意的是
关于变量名字,你可以用你喜欢的任意词汇,但是因为很多坑...所以你最好应当使用拉丁字符(0-9,a-z,A-Z)和下划线
且,不要用下划线开头,因为某些有特定含义
不能数字开头,这是绝对不行的,比如 var 1abc 将会报错
变量是大小写敏感的 , ABCabc不是同一个变量
且你命名时必须避开保留字,例如var, function, let和 for等,绝对不行,这些列表你可以在这里查询到
尽量使用小驼峰命名法


变量类型

我们可以给变量设定不同的数据类型,前面个讲过共有七种,因此这里用例子来表明

  1. Number 你可以在变量里保存数字,不管你是浮点数还是整数都可(不过实际上都是64 位浮点数的形式保存,因此浮点数运算有坑....)

    var n = 1

  2. String 字符串是文本的一部分, 赋值你需要用单引号''亦或者双引号""括起来,且由于JavaScript是动态类型否则会理解成其他的变量名,且,当你给一个数字等加上''的时候,那它就将会是字符串
    var s = " 这是一个字符串变量 "
    var s = "1234" //这也一个字符串变量
  3. Boolean 布尔只有两种值:true和false,用来判断是否成立因此不只有如下写法
    var b = true
    var b = false
    还有如下写法等
    var b = 1 < 3; //返回true
    var b = 1 > 3;//返回false
  4. Array 数组是一个单个对象,其中包含很多值,方括号括起来,并用逗号分隔
    var stringArray = ['ゆ゛る゛さ゛ん゛!!','俺、参上!','你也是假面骑士?']
    var stringNumber = [114515,810,893]
  5. Object 对象由键值组成的无序集合
    var anime = { name : 'sarazanmai', time : 2019 };
    我们可以这样去访问对象中的信息
    anime.time //会返回2019
    anime.name //会返回sarazanmai
  6. symbol 细讲太长就不直接写了,可在这里查询到相关
  7. Undefined 和 Null
    首先这两个大体是差不多的,细一点是一个是未定义也就是没有,一个是空,代表无例如
    var abc //会返回Undefined,因为声明后未初始号会自动被赋予undefined值代表不存在
    而 null 则是表示一个值被定义了,定义为“空值”;

动态类型

前面已经提到过JavaScript是动态类型,这里细讲一下
简单来说就是你并不需要指定变量将包含什么数据类型,例如
var stringV = '这是一个字符串 ' //这时候浏览器就会知道这是一个字符串
var numberV = 114514 //这时候浏览器就会知道这是一个数字
......
以此类推,因此,就像之前所说,
var numberV = 114514 //这种写法的确是数字
var numberV = '114514' //但是这时候就是字符串了
特别需要注意

时间: | 分类: JavaScript教程

有疑问可回复,有错漏也麻烦大佬留言

Hello World

首先,选中一个现代浏览器摁下F12打开 开发者工具,以 edge 举例,会出现如下界面
JavaScript02-Edge.png

打开类似的界面后,切换至控制台或名为 Console 的选项卡
键入

console.log("Hello World"); 

你会看见如下:
JavaScript02-consoleHelloworld.png

这个例子输出了 Hello World 到控制台,结尾的 ;表示了结尾,虽然在 JavaScript 里...通常情况下没有 ;也会正常运行,但是建议你养成这个习惯xxxx 以此避免以后...
Console 用来提供对浏览器控制台的接入, log 是其中一个方法,用来像 WEB 控制台输出一条信息,其他的有比如:
Console.debug() ; Console.error() ; Console.info(); 等等,更多的可以在 这里 查询到


注释

在 JavaScript 里,有两种注释,分别是 //

console.log("Hello World"); //输出 Hello World 

这个将会注释//后面的内容,因此你可以在单独一行或者代码结尾用,另一种则是/* */

console.log(/* 输出 Hello World */"Hello World"); 
console.log("Hello World");
/* 
输出 Hello World
*/

这种注释在/* */之间的内容都会被忽略,因此可以用来多行注释或者在代码块内注释

数据类型

在 JavaScript 里有七种数据类型,分别是:

数字:任何数字

字符串:任何字符, 单引号和双引号括起来的内容(因为程序和主题原因所以这里就不打出来了

布尔:只有两个可能的值,分别是`true`和`false`

Null:表明缺少值,由`null`表示

未定义:`undefined` 也是一个"无",但是有一些区别,比如null表示没有,undefined表示缺少,具体差异以后再讲,也可以自行搜索查询相关

Symbol:这个是ES6新加的,表示是唯一的值,目前暂时先不讲

对象:就是一系列属性的集合,因为 JavaScript 是面对对象的

然后继续讲 console.log

console.log(2333.3333);
console.log("OO小三,XX碧池!!!")
console.log(["是男人就改开扎古!", "あんなの饰りです!伟い人にはそれがわからんのですよ!", "宝↗生↘永↗梦↘"]);

注意一下括号内容区别,然后对照之前的七种数据类型的讲解(不懂的可以留言x)


运算符

加:+
减:- 
乘:*
除:/ 
余:%

以此举例

console.log(1+1);
console.log(2-1);
console.log(1/2);
console.log(1*1);
...

拼接字符串

这个有很多种方法,但是先讲一种最基础的办法

console.log('脚只是装饰而已' +' '+ '上面的大人物是不会懂的');

这一段会返回脚只是装饰而已 上面的大人物是不会懂的 这一段话 注意 + 这个符号的使用

属性

前面说到,一个对象就是一系列属性的集合,一个属性包含一个名和一个值。一个属性的值可以是函数,这种情况下属性也被称为方法。下面举个例子

console.log('宝↗生↘永↗梦!为什么你没有接受适应手术而能变身成ex-aid?为什么你能产生卡带?为什么你变身时会头痛?答案只有一个——你是世界上,第一个感染bugster病毒的男人啊,啊哈哈哈哈——哈哈哈哈!'.length);

这一段会返回 98 ,因为这段用到了一个名为 length 的属性,这个属性返回字符串中字符编码单元的数量(由于JavaScript 使用UTF-16 ,因此可能会导致返回值于实际字符数量不一致), JavaScript提供了许多字符串方法。

内置对象

除了console,JavaScript还内置了其他对象
我们用Math举个例子,用来返回一个对数

console.log(Math.log(10));

如果无误,应该返回2.302585092994046,其他的可以在这里查阅
可自行练习使用

时间: | 分类: JavaScript教程

其实这篇并不是可能必要的x 但是应当知道 ,于是篇幅尽量的精简
首先,JavaScript 是 1995 年 Netscape Communications(网景) 引入的,在1996 其向 Ecma International ( 欧洲计算机制造商协会 )的组织提交了JavaScript ,在1997年 网景发布了 ECMA-262 , 它为 ECMAScript 设定了标准,缩写就是ES;
JavaScript 和 ECMAScript 的区别大概简单的有一定误解的解释是,前者可以让你去利用 JavaScript 创建应用程序之类的 ,后者可以让你创建一个新的脚本语言的时候去遵循 ECMAScript ;
另外举个例子 ES6 或 JavaScript ES6 ,代表遵循 ECMAScript 第六版的规范,不过也可以叫做 ES2015 ,因为后续的将会按照年份命名 例如ES7 叫做ES2016 , ECMAScript第八版 = ES2017 , 第九版ECMAScript = 2018;
建议初学者无论如何要学习ES6以上的版本
当然如果你要维护一些较为古老的项目那亦可学习旧版,但是非常不建议作为主使用

时间: | 分类: 游戏/代码/教程

接上篇,创建完成以后,你的目录结构应该是如下的:

├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

接下来讲一下每个文件的详细,因为篇幅有点长,所以善用浏览器的搜索功能