찾다
웹 프론트엔드JS 튜토리얼자바스크립트 초보자가 모르는 것들 (2)

자바스크립트 초보자가 모르는 것들 (2)

Mar 15, 2018 pm 03:04 PM
javascript초보자

이 글에서는 자바스크립트의 기본 구문과 데이터 유형을 주로 공유합니다. 물론 아직은 가장 기본적인 내용이므로 이제 막 시작하는 학생들도 살펴보시기 바랍니다. 이 제목을 보면 단지 구문과 데이터 유형에 관한 것이라고 생각하지 않습니까? 그 정도의 지식만으로도 이미 알고 있었습니다.

1 키워드 및 예약어

ECMA-262는 특정 목적을 가진 키워드 세트를 설명합니다. 이러한 키워드는 제어문의 시작이나 끝을 나타내거나 특정 작업 등을 수행하는 데 사용할 수 있습니다. 일반적으로 키워드는 언어로 예약되어 있으므로 식별자로 사용할 수 없습니다. 다음은 ECMAScript의 모든 키워드입니다(*로 표시된 것은 5판의 새로운 키워드입니다). ㅋㅋ

returnswitchwithdelete
void 계속 for
while debugger* function this
default if throw
in try

ECMA-262는 식별자로 사용할 수 없는 또 다른 예약어 세트도 설명합니다. 예약어는 아직 언어에서 특정 용도로 사용되지 않습니다. 하지만 앞으로는 키워드로 사용될 수도 있습니다. 다음은 ECMA-262 버전 3에서 정의한 모든 예약어입니다.

abstract enum int short
부울 내보내기 interface static
byte extends long super
char 최종 네이티브 synchronized
class float package throws
const goto private transient
debugger implements protected 휘발성
double 가져오기 public

5번째 버전은 엄격하지 않은 모드에서 실행될 때 예약어를 다음과 같이 줄입니다.

const
내보내기 가져오기

엄격 모드에서 버전 5는 다음 예약어에도 제한을 적용합니다.

비공개staticletprotectedyield

Let 및 Yield는 5판에서 새로운 예약어이며, 다른 예약어는 3판에서 정의됩니다. 호환성을 최대한 보장하기 위해서는 프로그래밍 시 3판에 정의된 예약어와 let,yield를 참고로 사용하는 것이 좋습니다.

ECMAScript 3을 구현하는 JavaScript 엔진에서 키워드를 식별자로 사용하면 "식별자가 예상됨" 오류가 발생합니다. 예약어를 식별자로 사용하면 특정 엔진에 따라 동일한 오류가 발생할 수도 있고 그렇지 않을 수도 있습니다.

5판에서는 키워드 및 예약어 사용 규칙이 약간 수정되었습니다. 아직 식별자로 사용할 수는 없지만 키워드와 예약어는 이제 개체 속성 이름으로 사용할 수 있습니다. 일반적으로 향후 ECMAScript 버전과의 호환성을 유지하려면 키워드와 예약어를 식별자 및 속성 이름으로 사용하지 않는 것이 가장 좋습니다.

위에 나열된 예약어 및 키워드 외에도 ECMA-262 버전 5에서는 eval 및 인수에 제한을 적용합니다. 엄격 모드에서는 이 두 이름을 식별자나 속성 이름으로 사용할 수 없습니다. 그렇지 않으면 오류가 발생합니다.

2 데이터 유형

ECMAscript에는 5가지 단순 데이터 유형(기본 데이터 유형이라고도 함)이 있습니다: Undefine, String, Null, Number 복잡한 데이터 유형(때때로 참조 데이터라고도 함)도 있습니다. 유형) – Object, Object는 본질적으로 순서가 지정되지 않은 키-값 쌍의 집합입니다. ECMAscript는 사용자 정의 유형을 생성하는 메커니즘을 지원하지 않으며 모든 값은 위에서 언급한 6가지 데이터 유형 중 하나입니다.

typeof

이 연산자(여기서는 함수가 아니기 때문에 함수가 아닙니다)는 일반적으로 디버깅 중에 사용됩니다. 반환 값은 6개입니다: 정의되지 않음(값이 정의됨), 부울(부울 값), string(문자열), number(숫자), object(이 값은 object이거나 null입니다), function(이 값은 함수입니다).
정규식에 해당하며 실제로는 또 다른 형태의 객체(RegExp형 객체)이지만 Chrome7, Safari5 이전 버전의 경우 함수를 반환하고 다른 브라우저에서는 객체를 반환합니다.
한번 살펴보겠습니다. 간단한 예

var msg; //如果没有赋值,默认是undefinedtypeof msg;  //undefined// age 没有定义typeof age; //undefined

이 결과는 논리적으로 타당하다. 왜냐하면 이 두 변수는 기술적인 관점에서는 본질적으로 다르지만 실제로는 이들 변수가 실제 연산을 수행하는 것이 불가능하기 때문입니다.
초기화되지 않은 변수가 자동으로 정의되지 않은 상태로 할당되더라도 변수를 명시적으로 초기화하는 것이 현명한 선택입니다. 이렇게 할 수 있다면 typeof 연산자가 정의되지 않은 값을 반환할 때 이 변수가 아직 선언되지 않았음을 확인할 수 있습니다

null과 정의되지 않음의 관계

console.log(undefined == null)  // trueconsole.log(undefined === null)  // false

실제로 정의되지 않은 값은 null에서 파생됩니다. ECMA-262에서는 동등성이 true를 반환해야 한다고 규정하기 때문입니다.
null과 undefine은 이러한 관계가 있지만 용도가 완전히 다릅니다. 어떤 경우에도 변수의 값을 undefine으로 설정할 필요는 없지만 동일한 규칙이 null에 적합하지 않습니다. 객체변수를 저장하려고 했으나 실제 변수가 저장되지 않은 이상 해당 변수는 명시적으로 null로 저장되어야 한다고 생각합니다. 이는 널 포인터로서의 널 규칙을 반영할 수 있을 뿐만 아니라 널과 정의되지 않은

Number 유형

Number 유형은 ECMAscript에서 가장 흥미로운 데이터 유형이어야 하며 이 유형은 IEEE754를 사용하여 나타냅니다. 정수 및 부동 소수점 값

var num1 = 070;  //表示八进制数var num2 = 079   //无效的八进制数  表示79var num3 = 0x1f  //十六进制数

8진수 리터럴은 엄격 모드에서 유효하지 않으므로 JavaScript 엔진이 오류를 보고하게 됩니다

부동 소수점 값

<span style="font-family: 微软雅黑, " microsoft yahei>var f1 = 0.1; <br>var f2 = .1;  //虽然是有效的0.1但是不推荐var f3 = 1.0; //会自动转换为1</span>

매우 크거나 극단적인 작은 값의 경우 ​​과학적 표기법으로도 표현할 수 있습니다.

var f4 = 3.125e7; //31250000

在这里还是要提示一下众所周知的浮点数不能比较相等法则,
在javascript中浮点数的最高精度是17位的小数,但在进行算术计算的时候精确度远远不如整数,例如0.1+0.2不等于0.3而是等于0.0000000000000004(4e-17)
这是使用基于IEEE754数据浮点计算的通病

数据范围

由于内存的限制,ECMAscript并不能保存世界上所有的数,能保存的数能在浏览器中显示出来(通过Number.MAX_VALUE),最小值是(Number.MIN_VALUE)
当超出这个范围的时候,大于就变为Infinity,小于就变为-Infinity

<span style="font-family: 微软雅黑, " microsoft yahei>var big = Number.MAX_VALUE + Number.MAX_VALUE;<br>console.log(big);  //Infinity</span>

可以使用isFinite()函数判断这个值是否在最大值和最小值之间,如果在就返回true
通过访问Number.NEGATIVE_INFINITY和Number.POSITIVE_INFINITY来得到-Infinity和Infinity

 NaN

NaN,非数值类型(Not a Number)是一个特殊的值,这个数值表示一个应该返回数值的情况结果没有返回数值,在ECMAscript中,任何数值除以0并不会导致错误,会返回一个NaN,因此并不会影响代码的运行。
Nan本身有两个特点:任何设置NaN的操作都会返回NaN,这个特点在多步计算的时候可能导致错误,其次Nan和任何数值都不想等,包括本身:

<span style="font-family: 微软雅黑, " microsoft yahei>console.log(NaN == Infinity)<br>console.log(NaN == 1)<br>console.log(NaN == NaN)<br>console.log(NaN == 1/0)//以上结果返回的都是false//下面是判断数据类型isNaN(NaN)  //trueisNaN('123') //false,进行了数据类型的转换isNaN('f5') //trueisNaN(4)   //false</span>

运用isNaN()函数可以判断这个变量是否是NaN类型的。
最神奇的是isNaN也是支持对象操作的,在基于对象调用isNaN函数时,会首先调用对象的valueOf方法,然后确定该方法返回的值是否可以转换为数值,如果不能就基于这个返回值再调用toString()方法,在测试返回值

string

对应于string类型,讨论的会比较少一点,string类型用于友零或者多个16位的Unicode字符组成的字符序列,即字符串。js中的单引号和双引号是没有区别的(想对于PHP来讲)。

 字符字面量

转义的只是在这里就不多说了,
字面量在这里只说一点:
var text = "this is \u30a3"这个的长度是9因为\u30a3转义后表示一个字符

字符串的特点

字符串在我们平常的开发当中我们是一直在用的,但是很少人知道其中的原理,下面我们就来讨论一下字符串的特点。
ECMAscript中的字符串是不可变的,也就是说,字符串一旦被创建,他们的值就不能被改变。要改变某个变量保存的字符串就先要销毁原来的字符串,然后用一个新的值来填充该变量,例如下面的代码:
var lang = 'java';
lang = lang + 'script';
以上的代码是变量lang中包含字符串‘java’。而第二行代码把lang的值重新定义为‘java’与’script’的结合,实际上这个操作过程如下:
1. 首先创建一个能容纳10个字符的新字符串
2. 然后将这个字符串中填充’java’和’script’
3. 最后一步是销毁原来的’java’字符串和’script’字符串,因为这两个字符串已经没用了

转换为字符串

在这里主要注意的是null和undefined是没有toString()方法的,如果想要把他们转换为字符串可以使用转型函数String(),能把任何类型的值转换为字符串var val = null;String(val)
当使用数值转换为字符串的时候,可以在toString()传递一个参数,表示把数值变为多少进制的字符串:var num = 10;num.toString(2)返回的是1010;

4 Object类型

ECMAscript中对象其实就是一组数据和功能的集合。
三种实例化一个对象的方法:

var o = new Ocject();var o = new Object;//不推荐使用var o = {};//当今最常用的

object中的对象和属性在后面我们在去讨论

5 JavaScript中+的作用

这个我们在这里说的具体一点
1. 加法运算

console.log(1+2)
  1. 字符串的连接

<span style="font-family: 微软雅黑, " microsoft yahei>var a ="121",<br>    b =56,<br>    c ="ss";<br>console.log(a+b);//12156console.log(a+c);//121ss</span>
  1. 数值和字符串之间的转换

<span style="font-family: 微软雅黑, "Microsoft YaHei";">//字符串转换我数值var a = "21212";<br/>+a   //21212var b = "ss";<br/>+a //NaNvar c= "0xff";<br/>+a  //255</span>
<span style="font-family: 微软雅黑, " microsoft yahei>//数值转换为字符串var a =45;<br>+a;  //"45"</span>
//布尔值的转换+true  //1+fasle  //0

6 javascript中-的作用

减号的作用一般是都是用在正规的操作(也就是类型相同)的操作中,信息量虽然不是很大,但是还是有很多需要注意的地方,下面来举几个例子

var a = 5-true;  //4 ,true被转换了var b = NaN -1;//NaNvar c= 5-2   //3var d = 5-"2";//3  “2”被转换为2var e = 5-null; //5  null被转换为了0

7 相等操作符

在我们编程的时候,当使用比较的时候我们希望,有的时候类型不同可以数值一样就可以就好像(2和"2")是可以相等的,但是有时候我们希望要求数值和类型都是一样的才返回真。这就很矛盾了,在ECMAscript中的解决方案是提供两组操作数:相等和全等
相等:先转换在比较
列出一下比较特殊的比较结果

表达式
null == undefined true
“NaN” == NaN false
NaN == NaN false
NaN != NaN true
true == 2 false
undefined == 0 false
null == 0 false

全等:仅比较不转换
全等就比较严格了,在这里就不讨论什么了。
注意:null == undefined会返回true,但是null === undefined会返回false,这是由于他们的类型不一样

8 函数

函数对于任何语言来说都是一个核心的概念。
在这里主要说一个问题,细节会在后面继续讨论
我们都是知道在函数中的arguments表示所有传进来的参数,比如说

<span style="font-family: 微软雅黑, " microsoft yahei>function foo(a,b,c){<br>    console.log(arguments[2] === c);//true}</span>

这个原因并不因为他们指向的是同一块内存,因为他们内存空间的值会相互同步,
arguments的值是不能被改写的如果改写的会操作

相关推荐:

JavaScript初学者不知道的事(一)

javascript初学者实践使用

给JavaScript初学者的一些最佳实践

위 내용은 자바스크립트 초보자가 모르는 것들 (2)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
C 및 JavaScript : 연결이 설명되었습니다C 및 JavaScript : 연결이 설명되었습니다Apr 23, 2025 am 12:07 AM

C 및 JavaScript는 WebAssembly를 통한 상호 운용성을 달성합니다. 1) C 코드는 WebAssembly 모듈로 컴파일되어 컴퓨팅 전력을 향상시키기 위해 JavaScript 환경에 도입됩니다. 2) 게임 개발에서 C는 물리 엔진 및 그래픽 렌더링을 처리하며 JavaScript는 게임 로직 및 사용자 인터페이스를 담당합니다.

웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션웹 사이트에서 앱으로 : 다양한 JavaScript 애플리케이션Apr 22, 2025 am 12:02 AM

JavaScript는 웹 사이트, 모바일 응용 프로그램, 데스크탑 응용 프로그램 및 서버 측 프로그래밍에서 널리 사용됩니다. 1) 웹 사이트 개발에서 JavaScript는 HTML 및 CSS와 함께 DOM을 운영하여 동적 효과를 달성하고 jQuery 및 React와 같은 프레임 워크를 지원합니다. 2) 반응 및 이온 성을 통해 JavaScript는 크로스 플랫폼 모바일 애플리케이션을 개발하는 데 사용됩니다. 3) 전자 프레임 워크를 사용하면 JavaScript가 데스크탑 애플리케이션을 구축 할 수 있습니다. 4) node.js는 JavaScript가 서버 측에서 실행되도록하고 동시 요청이 높은 높은 요청을 지원합니다.

Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Python vs. JavaScript : 사용 사례 및 응용 프로그램 비교Apr 21, 2025 am 12:01 AM

Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.

JavaScript 통역사 및 컴파일러에서 C/C의 역할JavaScript 통역사 및 컴파일러에서 C/C의 역할Apr 20, 2025 am 12:01 AM

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.

자바 스크립트 행동 : 실제 예제 및 프로젝트자바 스크립트 행동 : 실제 예제 및 프로젝트Apr 19, 2025 am 12:13 AM

실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

JavaScript 및 웹 : 핵심 기능 및 사용 사례JavaScript 및 웹 : 핵심 기능 및 사용 사례Apr 18, 2025 am 12:19 AM

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.

JavaScript 엔진 이해 : 구현 세부 사항JavaScript 엔진 이해 : 구현 세부 사항Apr 17, 2025 am 12:05 AM

보다 효율적인 코드를 작성하고 성능 병목 현상 및 최적화 전략을 이해하는 데 도움이되기 때문에 JavaScript 엔진이 내부적으로 작동하는 방식을 이해하는 것은 개발자에게 중요합니다. 1) 엔진의 워크 플로에는 구문 분석, 컴파일 및 실행; 2) 실행 프로세스 중에 엔진은 인라인 캐시 및 숨겨진 클래스와 같은 동적 최적화를 수행합니다. 3) 모범 사례에는 글로벌 변수를 피하고 루프 최적화, Const 및 Lets 사용 및 과도한 폐쇄 사용을 피하는 것이 포함됩니다.

Python vs. JavaScript : 학습 곡선 및 사용 편의성Python vs. JavaScript : 학습 곡선 및 사용 편의성Apr 16, 2025 am 12:12 AM

Python은 부드러운 학습 곡선과 간결한 구문으로 초보자에게 더 적합합니다. JavaScript는 가파른 학습 곡선과 유연한 구문으로 프론트 엔드 개발에 적합합니다. 1. Python Syntax는 직관적이며 데이터 과학 및 백엔드 개발에 적합합니다. 2. JavaScript는 유연하며 프론트 엔드 및 서버 측 프로그래밍에서 널리 사용됩니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)