{"id":14877,"date":"2020-04-27T12:21:58","date_gmt":"2020-04-27T12:21:58","guid":{"rendered":"https:\/\/itteacheritfreelance.hk\/wordpress\/?p=14877"},"modified":"2020-04-27T14:21:29","modified_gmt":"2020-04-27T14:21:29","slug":"javascript-code-study-education-use","status":"publish","type":"post","link":"https:\/\/itteacheritfreelance.hk\/wordpress\/index.php\/2020\/04\/27\/javascript-code-study-education-use\/","title":{"rendered":"JavaScript -\u6559\u80b2 \u5b66\u751f \u88dc\u7fd2 >> \u7528\u6cd5"},"content":{"rendered":"\n

\u672c\u7ae0 \u5e0c\u671b \u6559\u80b2 \u5b66\u751f JavaScript \u7684\u76f8\u95dc\u77e5\u8b58, \u5e6b \u5b78\u751f \u88dc\u7fd2 study. <\/p>\n\n\n\n

JavaScript -\u6559\u80b2 \u5b66\u751f \u88dc\u7fd2 >> \u7528\u6cd5>> \u74b0\u5883\u5efa\u7f6e<\/h2>\n\n\n\n

JavaScript \u7684\u6a94\u6848\u53ea\u8981\u4f7f\u7528\u4e00\u822c\u7684\u6587\u5b57\u7de8\u8f2f\u5668\u5373\u53ef\u7de8\u8f2f\uff08\u5b58\u6210 .js \u6a94\u6848\uff09\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528 Sublime Text<\/a> \u7b49\u7de8\u8f2f\u5668\u9032\u884c\u958b\u767c\uff0cJSBin<\/a> \u9019\u500b\u7dda\u4e0a\u5de5\u5177\u9032\u884c\u6e2c\u8a66\uff08\u7576\u7136\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 Chrome\u3001Firefox \u7b49\u700f\u89bd\u5668\u7684\u958b\u767c\u8005\u5de5\u5177\uff09\u3002\u9664\u4e86\u7de8\u8f2f\u5668\u5916\uff0c\u5be6\u969b\u958b\u767c\u4e0a\u6211\u5011\u4e5f\u6703\u9700\u8981\u7528\u5230 Node.js \u958b\u767c\u74b0\u5883<\/a> \u548c NPM \u5957\u4ef6\u7ba1\u7406\u7cfb\u7d71\uff08\u6309\u7167 Node.js \u5b98\u65b9\u6307\u793a\u5373\u53ef\u5b89\u88dd\uff09\u3002Node.js \u662f\u4e00\u500b\u958b\u653e\u539f\u59cb\u78bc\u3001\u8de8\u5e73\u53f0\u7684\u3001\u53ef\u7528\u65bc\u4f3a\u670d\u5668\u7aef\u548c\u7db2\u8def\u61c9\u7528\u7684\u57f7\u884c\u74b0\u5883\u3002<\/p>\n\n\n\n

\"JavaScript
JavaScript-\u6559\u80b2-\u5b78\u751f-\u88dc\u7fd2<\/figcaption><\/figure><\/div>\n\n\n\n

<script> \u6807\u7b7e<\/h3>\n\n\n\n

\u5728 HTML \u4e2d\uff0cJavaScript \u4ee3\u7801\u5fc5\u987b\u4f4d\u4e8e <script> \u4e0e <\/script> \u6807\u7b7e\u4e4b\u95f4\u3002<\/p>\n\n\n\n

\u5b9e\u4f8b<\/h4>\n\n\n\n
<script>\ndocument.getElementById(\"demo\").innerHTML = \"\u6211\u7684\u7b2c\u4e00\u6bb5 JavaScript\";\n<\/script><\/pre>\n\n\n\n
JavaScript -\u6559\u80b2 \u5b66\u751f \u88dc\u7fd2 >> \u7528\u6cd5>> JavaScript \u51fd\u6570\u548c\u4e8b\u4ef6<\/h2>\n\n\n\n
JavaScript \u51fd\u6570<\/em>\u662f\u4e00\u79cd JavaScript \u4ee3\u7801\u5757\uff0c\u5b83\u53ef\u4ee5\u5728\u8c03\u7528\u65f6\u88ab\u6267\u884c\u3002<\/p>\n\n\n\n
\u4f8b\u5982\uff0c\u5f53\u53d1\u751f\u4e8b\u4ef6<\/em>\u65f6\u8c03\u7528\u51fd\u6570\uff0c\u6bd4\u5982\u5f53\u7528\u6237\u70b9\u51fb\u6309\u94ae\u65f6\u3002<\/p>\n\n\n\n
\u63d0\u793a\uff1a<\/strong>\u60a8\u5c06\u5728\u7a0d\u540e\u7684\u7ae0\u8282\u5b66\u5230\u66f4\u591a\u6709\u5173\u51fd\u6570\u548c\u4e8b\u4ef6\u7684\u77e5\u8bc6\u3002<\/p>\n\n\n\n
  JavaScript -\u6559\u80b2 \u5b66\u751f \u88dc\u7fd2 >> \u7528\u6cd5>>  <head> \u6216 <body> \u4e2d\u7684 JavaScript<\/h2>\n\n\n\n
\u60a8\u80fd\u591f\u5728 HTML \u6587\u6863\u4e2d\u653e\u7f6e\u4efb\u610f\u6570\u91cf\u7684\u811a\u672c\u3002<\/p>\n\n\n\n
\u811a\u672c\u53ef\u88ab\u653e\u7f6e\u4e0e HTML \u9875\u9762\u7684 <body> \u6216 <head> \u90e8\u5206\u4e2d\uff0c\u6216\u517c\u800c\u6709\u4e4b\u3002<\/p>\n\n\n\n
<head> \u4e2d\u7684 JavaScript<\/h3>\n\n\n\n
\u5728\u672c\u4f8b\u4e2d\uff0cJavaScript \u51fd\u6570\u88ab\u653e\u7f6e\u4e8e HTML \u9875\u9762\u7684 <head> \u90e8\u5206\u3002<\/p>\n\n\n\n
\u8be5\u51fd\u6570\u4f1a\u5728\u6309\u94ae\u88ab\u70b9\u51fb\u65f6\u8c03\u7528\uff1a<\/p>\n\n\n\n
\u5b9e\u4f8b<\/h4>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n<script>\nfunction myFunction() {\n    document.getElementById(\"demo\").innerHTML = \"\u6bb5\u843d\u88ab\u66f4\u6539\u3002\";\n}\n<\/script>\n<\/head>\n\n<body>\n\n<h1>\u4e00\u5f20\u7f51\u9875<\/h1>\n<p id=\"demo\">\u4e00\u4e2a\u6bb5\u843d<\/p>\n<button type=\"button\" onclick=\"myFunction()\">\u8bd5\u4e00\u8bd5<\/button>\n\n<\/body>\n<\/html><\/pre>\n\n\n\n
<body> \u4e2d\u7684 JavaScript<\/h3>\n\n\n\n
\u5728\u672c\u4f8b\u4e2d\uff0cJavaScript \u4f1a\u5728\u9875\u9762\u52a0\u8f7d\u65f6\u5411 HTML \u7684 <body> \u5199\u6587\u672c\uff1a<\/p>\n\n\n\n
\u5b9e\u4f8b<\/h4>\n\n\n\n
<!DOCTYPE html> <html> <body> . . <script> document.write(“<h1>\u8fd9\u662f\u4e00\u4e2a\u6807\u9898<\/h1>”); document.write(“<p>\u8fd9\u662f\u4e00\u4e2a\u6bb5\u843d<\/p>”); <\/script> . . <\/body> <\/html> <\/p>\n\n\n\n
 JavaScript -\u6559\u80b2 \u5b66\u751f \u88dc\u7fd2 >> \u7528\u6cd5>> \u5916\u90e8\u7684 JavaScript<\/h2>\n\n\n\n
\u4e5f\u53ef\u4ee5\u628a\u811a\u672c\u4fdd\u5b58\u5230\u5916\u90e8\u6587\u4ef6\u4e2d\u3002\u5916\u90e8\u6587\u4ef6\u901a\u5e38\u5305\u542b\u88ab\u591a\u4e2a\u7f51\u9875\u4f7f\u7528\u7684\u4ee3\u7801\u3002<\/p>\n\n\n\n
\u5916\u90e8 JavaScript \u6587\u4ef6\u7684\u6587\u4ef6\u6269\u5c55\u540d\u662f .js\u3002<\/p>\n\n\n\n
\u5982\u9700\u4f7f\u7528\u5916\u90e8\u6587\u4ef6\uff0c\u8bf7\u5728 <script> \u6807\u7b7e\u7684 “src” \u5c5e\u6027\u4e2d\u8bbe\u7f6e\u8be5 .js \u6587\u4ef6\uff1a<\/p>\n\n\n\n
\u5b9e\u4f8b<\/h4>\n\n\n\n
<!DOCTYPE html> <html> <body> <script src=”myScript.js”><\/script> <\/body> <\/html> <\/p>\n\n\n\n
\u4f60\u53ef\u4ee5\u5c06\u811a\u672c\u653e\u7f6e\u4e8e <head> \u6216\u8005 <body>\u4e2d\uff0c\u653e\u5728 <script> \u6807\u7b7e\u4e2d\u7684\u811a\u672c\u4e0e\u5916\u90e8\u5f15\u7528\u7684\u811a\u672c\u8fd0\u884c\u6548\u679c\u5b8c\u5168\u4e00\u81f4\u3002
<\/p>\n\n\n\n
myScript.js \u6587\u4ef6\u4ee3\u7801\u5982\u4e0b\uff1afunction myFunction()\n{\n    document.getElementById(“demo”).innerHTML=”\u6211\u7684\u7b2c\u4e00\u4e2a JavaScript \u51fd\u6570”;\n}<\/p>\n\n\n\n
<\/th>\u5916\u90e8\u811a\u672c\u4e0d\u80fd\u5305\u542b <script> \u6807\u7b7e\u3002<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
\u6ce8\u610f\u7ec6\u8282\uff1a<\/strong><\/p>\n\n\n\n
1\u3001\u5728\u6807\u7b7e\u4e2d\u586b\u5199 onclick \u4e8b\u4ef6\u8c03\u7528\u51fd\u6570\u65f6\uff0c\u4e0d\u662f onclick=\u51fd\u6570\u540d<\/strong>\uff0c \u800c\u662f onclick=\u51fd\u6570\u540d+()<\/strong>\uff0c\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\n
<script> \n    function myfunction(){\n         document.getElementById(\"demo\").innerHTML=\"onclick\u4e8b\u4ef6\u89e6\u53d1\";\n        }<\/script>\n    <\/head>\n<body>\n    <h1 id=\"demo\">\u4e00\u4e2a\u6bb5\u843d<\/h1>\n    <button onclick=\"myfunction()\" type=\"button\">\u70b9\u51fb\u8fd9\u91cc<\/button>\n<\/body><\/pre>\n\n\n\n
2\u3001\u5916\u90e8 javascript \u6587\u4ef6\u4e0d\u4f7f\u7528 <script><\/strong> \u6807\u7b7e\uff0c\u76f4\u63a5\u5199 javascript \u4ee3\u7801\u3002<\/p>\n\n\n\n
3\u3001HTML \u8f93\u51fa\u6d41\u4e2d\u4f7f\u7528 document.write\uff0c\u76f8\u5f53\u4e8e\u6dfb\u52a0\u5728\u539f\u6709html\u4ee3\u7801\u4e2d\u6dfb\u52a0\u4e00\u4e32html\u4ee3\u7801\u3002\u800c\u5982\u679c\u5728\u6587\u6863\u52a0\u8f7d\u540e\u4f7f\u7528\uff08\u5982\u4f7f\u7528\u51fd\u6570\uff09\uff0c\u4f1a\u8986\u76d6\u6574\u4e2a\u6587\u6863\u3002<\/p>\n\n\n\n
\u4f7f\u7528\u51fd\u6570\u6765\u6267\u884cdocument.write\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n\n\n\n
<script>\nfunction myfunction(){\n    document.write(\"\u4f7f\u7528\u51fd\u6570\u6765\u6267\u884cdoucment.write\uff0c\u5373\u5728\u6587\u6863\u52a0\u8f7d\u540e\u518d\u6267\u884c\u8fd9\u4e2a\u64cd\u4f5c\uff0c\u4f1a\u5b9e\u73b0\u6587\u6863\u8986\u76d6\");\n}\ndocument.write(\"<h1>\u8fd9\u662f\u4e00\u4e2a\u6807\u9898<\/h1>\");\ndocument.write(\"<p>\u8fd9\u662f\u4e00\u4e2a\u6bb5\u843d\u3002<\/p>\");\n<\/script>\n<p >\n\u60a8\u53ea\u80fd\u5728 HTML \u8f93\u51fa\u6d41\u4e2d\u4f7f\u7528 <strong>document.write<\/strong>\u3002\n\u5982\u679c\u60a8\u5728\u6587\u6863\u5df2\u52a0\u8f7d\u540e\u4f7f\u7528\u5b83\uff08\u6bd4\u5982\u5728\u51fd\u6570\u4e2d\uff09\uff0c\u4f1a\u8986\u76d6\u6574\u4e2a\u6587\u6863\u3002\n<\/p>\n<button type=\"button\" onclick=\"myfunction()\">\u70b9\u51fb\u8fd9\u91cc<\/button><\/pre>\n\n\n\n
 JavaScript -\u6559\u80b2 \u5b66\u751f \u88dc\u7fd2 >> \u7528\u6cd5>>  \u8b8a\u6578<\/h2>\n\n\n\n
\"JavaScript
JavaScript \u6559\u80b2 \u5b78\u751f \u88dc\u7fd2<\/figcaption><\/figure><\/div>\n\n\n\n
\u5728\u7a0b\u5f0f\u8a9e\u8a00\u4e2d\u8b8a\u6578\u662f\u4e00\u500b\u66ab\u6642\u5132\u5b58\u8cc7\u6599\u7684\u5730\u65b9\uff0c\u8ce6\u503c\u7d66\u8b8a\u6578\u7684\u503c\u90fd\u6703\u6709\u5c0d\u61c9\u7684\u8cc7\u6599\u578b\u614b\uff0c\u7136\u800c JavaScript \u662f\u5f31\u578b\u5225\uff08Weak type\uff09\u6240\u4ee5\u6703\u6709\u81ea\u52d5\u8f49\u578b\u7684\u60c5\u5f62\u3002<\/p>\n\n\n\n
\u5728 JavaScript \u4e2d\uff0c\u5168\u57df\u8b8a\u6578\u5c07\u4f7f\u7528 var<\/code>\uff0c\u800c\u5728 ES6 \u4e2d\u70ba\u4e86\u89e3\u6c7a\u8b8a\u6578\u6c61\u67d3\u6216\u8aa4\u7528\u60c5\u5f62\u5c07 block-scope<\/code> \u7684\u8b8a\u6578\u4f7f\u7528 let<\/code>\uff0c\u82e5\u4f60\u9700\u8981\u56fa\u5b9a\u4e0d\u8b8a\u7684\u5e38\u6578\u5247\u662f\u4f7f\u7528 const<\/code>\u3002 \u5176\u4e2d\u8b8a\u6578\u578b\u5225\u53c8\u5206\u70ba\uff1aPrimitive Data Type\uff1aString\u3001Number\u3001Boolean\uff08 true \u6216 false\uff09\u3001undefinded\u3001null\uff0cReference Data Types\uff1aObject \u5169\u7a2e\uff0c\u5dee\u5225\u5728\u65bc\u5c07\u7269\u4ef6\u8b8a\u6578\u8ce6\u503c\u7d66\u53e6\u5916\u4e00\u500b\u8b8a\u6578\u6642\u662f\u628a\u5f15\u7528\u8ce6\u503c\u7d66\u65b0\u8b8a\u6578\uff0c\u6240\u4ee5\u7576\u65b0\u8b8a\u6578\u66f4\u6539\u5c6c\u6027\u6642\u6703\u5f71\u97ff\u5230\u539f\u4f86\u7269\u4ef6\u3002<\/p>\n\n\n\n
Primitive Data Type\uff1a<\/p>\n\n\n\n
var num = 12;
const str = ‘Mark’;

function checkLike() {
\tlet isActived = true;
}

\/\/ console.log \u53ef\u4ee5\u8b93\u958b\u767c\u8005\u900f\u904e\u700f\u89bd\u5668\u958b\u767c\u8005\u5de5\u5177\u770b\u5230\u8a0a\u606f\uff0c\u65b9\u4fbf\u9664\u932f<\/em>
console.log(num);
console.log(str);
\/\/ \u56e0\u70ba let \u662f function block scope\uff0c\u6545\u6703\u7522\u751f “ReferenceError: isActived is not defined \u932f\u8aa4<\/em>
console.log(isActived);
<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Reference Data Types\uff1a<\/p>\n\n\n\n
\/\/ \u5c07\u7269\u4ef6\u8b8a\u6578\u8ce6\u503c\u7d66\u53e6\u5916\u4e00\u500b\u8b8a\u6578\u6642\u662f\u628a\u5f15\u7528\u8ce6\u503c\u7d66\u65b0\u8b8a\u6578\uff0c\u6240\u4ee5\u7576\u65b0\u8b8a\u6578\u66f4\u6539\u5c6c\u6027\u6642\u6703\u5f71\u97ff\u5230\u539f\u4f86\u7269\u4ef6<\/em>
let a = { name: ‘Zuck’ };
console.log(a);
let b = a;
b.name = ‘Jack’;
console.log(a);<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
\u7535\u5b50\u8ba1\u7b97\u673a -\u6559\u80b2 -IT \u96fb\u8166\u73ed>>Facebook \u806f\u7d61:<\/strong><\/h2>\n\n\n\n
\u627e\u8001\u5e2b 24 hours facebook channel :<\/strong>
https:\/\/www.facebook.com\/itteacheritfreelance\/?ref=aymt_homepage_panel<\/a><\/p>\n\n\n\n
\""\u7535\u5b50\u8ba1\u7b97\u673a<\/figure>\n\n\n\n
\n
\n
\n
JavaScript -\u6559\u80b2 \u5b66\u751f  \u88dc\u7fd2  >> \u7c21\u4ecb<\/a><\/blockquote>