<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>JavaScript on 维克的博客</title><link>https://blogs.wuvikr.top/tags/javascript/</link><description>Recent content in JavaScript on 维克的博客</description><generator>Hugo</generator><language>en</language><lastBuildDate>Tue, 20 Oct 2026 17:13:23 +0800</lastBuildDate><atom:link href="https://blogs.wuvikr.top/tags/javascript/index.xml" rel="self" type="application/rss+xml"/><item><title>JavaScript 基础知识</title><link>https://blogs.wuvikr.top/posts/javascript%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/</link><pubDate>Tue, 20 Oct 2026 17:13:23 +0800</pubDate><guid>https://blogs.wuvikr.top/posts/javascript%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86/</guid><description>&lt;h1 id="1-javascript-是什么">1. JavaScript 是什么&lt;/h1>
&lt;p>JavaScript（简称 JS）是一门&lt;strong>动态类型、多范式&lt;/strong>的编程语言。它最初为浏览器而生，如今已覆盖浏览器、服务器（Node.js）、桌面应用、移动端等环境。&lt;/p>
&lt;p>几个关键特征：&lt;/p>
&lt;ul>
&lt;li>&lt;strong>解释执行&lt;/strong>：不需要编译，引擎直接逐行运行。&lt;/li>
&lt;li>&lt;strong>动态类型&lt;/strong>：变量类型在运行时确定，无需声明。&lt;/li>
&lt;li>&lt;strong>一等函数&lt;/strong>：函数可以像值一样传递、赋值、作为参数。&lt;/li>
&lt;li>&lt;strong>基于原型&lt;/strong>：对象继承通过原型链实现，而非传统类继承（ES6 提供了 &lt;code>class&lt;/code> 语法糖）。&lt;/li>
&lt;/ul>
&lt;blockquote>
&lt;p>&lt;strong>注意&lt;/strong>：JavaScript 与 Java 是两门完全不同的语言，仅名字有历史渊源关系。&lt;/p>
&lt;/blockquote>
&lt;hr>
&lt;h1 id="2-运行环境">2. 运行环境&lt;/h1>
&lt;p>写 JS 代码前，需要一个运行环境。&lt;/p>
&lt;h2 id="21-浏览器环境">2.1 浏览器环境&lt;/h2>
&lt;p>打开任意浏览器（Chrome / Edge / Firefox），按 &lt;code>F12&lt;/code> 打开&lt;strong>开发者工具&lt;/strong>，切换到 &lt;strong>Console&lt;/strong>（控制台）标签，即可直接输入并运行 JS 代码：&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;">&lt;code class="language-javascript" data-lang="javascript">&lt;span style="display:flex;">&lt;span>&lt;span style="color:#a6e22e">a&lt;/span>&lt;span style="color:#f92672">=&lt;/span>&lt;span style="color:#e6db74">&amp;#34;zhangsan&amp;#34;&lt;/span>;
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>&lt;span style="color:#a6e22e">console&lt;/span>.&lt;span style="color:#a6e22e">log&lt;/span>(&lt;span style="color:#e6db74">&amp;#34;Hello &amp;#34;&lt;/span>,&lt;span style="color:#a6e22e">a&lt;/span>);
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>也可以在 HTML 文件中通过 &lt;code>&amp;lt;script&amp;gt;&lt;/code> 标签引入：&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;">&lt;code class="language-html" data-lang="html">&lt;span style="display:flex;">&lt;span>&lt;span style="color:#75715e">&amp;lt;!DOCTYPE html&amp;gt;&lt;/span>
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>&amp;lt;&lt;span style="color:#f92672">html&lt;/span>&amp;gt;
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>&amp;lt;&lt;span style="color:#f92672">body&lt;/span>&amp;gt;
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> &amp;lt;&lt;span style="color:#f92672">script&lt;/span>&amp;gt;
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> &lt;span style="color:#a6e22e">console&lt;/span>.&lt;span style="color:#a6e22e">log&lt;/span>(&lt;span style="color:#e6db74">&amp;#34;页面加载时执行&amp;#34;&lt;/span>);
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span> &amp;lt;/&lt;span style="color:#f92672">script&lt;/span>&amp;gt;
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>&amp;lt;/&lt;span style="color:#f92672">body&lt;/span>&amp;gt;
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>&amp;lt;/&lt;span style="color:#f92672">html&lt;/span>&amp;gt;
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;h2 id="22-nodejs-环境">2.2 Node.js 环境&lt;/h2>
&lt;p>&lt;a href="https://nodejs.org/">Node.js&lt;/a> 是一个免费、开源、跨平台的 JavaScript 运行时环境，它让开发人员能够创建服务器、 Web 应用、命令行工具和脚本。&lt;/p>
&lt;p>安装后，在终端执行：&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;">&lt;code class="language-bash" data-lang="bash">&lt;span style="display:flex;">&lt;span>node -v &lt;span style="color:#75715e"># 查看版本&lt;/span>
&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>node hello.js &lt;span style="color:#75715e"># 运行文件&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;div class="highlight">&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;">&lt;code class="language-javascript" data-lang="javascript">&lt;span style="display:flex;">&lt;span>&lt;span style="color:#75715e">// hello.js
&lt;/span>&lt;/span>&lt;/span>&lt;span style="display:flex;">&lt;span>&lt;span style="color:#75715e">&lt;/span>&lt;span style="color:#a6e22e">console&lt;/span>.&lt;span style="color:#a6e22e">log&lt;/span>(&lt;span style="color:#e6db74">&amp;#34;Hello from Node.js&amp;#34;&lt;/span>);
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>
&lt;blockquote>
&lt;p>&lt;strong>注意&lt;/strong>：浏览器和 Node.js 共享 ECMAScript 核心语法，但宿主 API 不同。浏览器有 &lt;code>window&lt;/code>、&lt;code>document&lt;/code>；Node.js 有 &lt;code>fs&lt;/code>、&lt;code>path&lt;/code>、&lt;code>process&lt;/code>。&lt;/p></description></item></channel></rss>