小王子星球

/* config-overrides.js */

const path = require('path');

module.exports = {
  webpack: function(config, env) {
    config.resolve.alias['@'] = path.resolve(__dirname, 'src');
    return config;
  },
  jest: function(config) {
    const {
      moduleNameMapper = {},
    } = config;
    config.moduleNameMapper = {
      ...moduleNameMapper,
      '^@/(.*)$': '<rootDir>/src/$1',
    };
    return config;
  }
}

const path = require('path');

module.exports = {
  webpack: {
    configure: (webpackConfig) => {
      webpackConfig.resolve.alias['@'] = path.resolve(__dirname, 'src');
      return webpackConfig;
    },
  },
  jest: {
    configure: (jestConfig) => {
      const {
        moduleNameMapper = {},
      } = jestConfig;
      jestConfig.moduleNameMapper = {
        ...moduleNameMapper,
        '^@/(.*)$': '<rootDir>/src/$1',
      };
      return jestConfig;
    },
  }
};

function testFn() {
  console.log(this);
}

const testNarrowFn = () => {
  console.log(this);
}

const a = { name: 'a' };

const b = { name: 'b' };

a.testFn = testFn;

b.testFn = a.testFn;
b.testNarrowFn = testNarrowFn;

a.testNarrowFn = b.testNarrowFn;

console.log(this); // window(web)/undefined(node)

testFn(); // window(web)/undefined(node)

testNarrowFn(); // window(web)/undefined(node)

a.testFn(); // {name: 'a', testFn: ƒ, testNarrowFn: ƒ}

b.testFn(); // {name: 'b', testFn: ƒ, testNarrowFn: ƒ}

b.testNarrowFn(); // window(web)/undefined(node)

a.testNarrowFn(); // window(web)/undefined(node)

const fnArr = [];

function outerFn() {
  let outer = 0;
  for (let i = 0; i < 3; i += 1) {
    outer += 1;
    function innerFun() {
      console.log(i, outer);
    }
    fnArr[i] = innerFun;
  }
}

outerFn();

fnArr[0](); // 0 3
fnArr[1](); // 1 3
fnArr[2](); // 2 3

const stateMap = {
  PENDING: 'pending',
  FULFILLED: 'fulfilled',
  REJECTED: 'rejected',
}

class MyPromise {
  constructor(executor) {
    this.id = id;
    this.state = stateMap.PENDING;
    this.value = undefined;
    this.reason = undefined;
    this.fulfillCallbackList = [];
    this.rejectCallbackList = [];

    const resolve = (value) => {
      if (this.state !== stateMap.PENDING) return;
      this.state = stateMap.FULFILLED;
      this.value = value;
      this.fulfillCallbackList.forEach((callback) => callback(this.value));
    }
    const reject = (reason) => {
      if (this.state !== stateMap.PENDING) return;
      this.state = stateMap.REJECTED;
      this.reason = reason;
      this.rejectCallbackList.forEach((callback) => callback(this.reason));
    }

    try {
      executor(resolve, reject);
    } catch (error) {
      reject(error);
    }
  }

  then(onFulFill, onReject) {
    const thenPromise = new MyPromise((resolve, reject) => {
      if (this.state === stateMap.FULFILLED) {
        try {
          const value = onFulFill(this.value);
          resolve(value);
        } catch (error) {
          reject(error);
        }
      } else if (this.state === stateMap.REJECTED) {
        try {
          const reason = onReject(this.reason);
          reject(reason);
        } catch (error) {
          reject(error);
        }
      } else {
        this.fulfillCallbackList.push(() => {
          try {
            const value = onFulFill(this.value);
            resolve(value);
          } catch (error) {
            reject(error);
          }
        });

        this.rejectCallbackList.push(() => {
          try {
            const reason = onReject(this.reason);
            resolve(reason);
          } catch (error) {
            reject(error);
          }
        })
      }
    });

    return thenPromise;
  }

  catch(rejectCallback) {
    return this.then(null, rejectCallback);
  }
}

function test(PromiseType = Promise) {
  const promise = new PromiseType((resolve, reject) => {
    setTimeout(() => {
      const num = Math.random() * 10;
      if (num < 5) {
        resolve(num);
      } else {
        reject('num is not less than 5');
      }
    }, 3000);
   });
  
   promise.then((value) => {
      console.log('fulfill-1', value);
      value = `then1-${value}`;
    },(reason) => {
      console.log('reject-1', reason);
      reason = `then1-${reason}`;
      return reason;
    }).then((value)=> {
      console.log('fulfill-2', value);
      value = `then2-${value}`;
    }, (reason) => {
      console.log('reject-2', reason);
      reason = `then2-${reason}`;
    }).then((value) => {
      console.log('promise', promise, value);
    });
}

test(Promise);

test(MyPromise);

const rules = [
  // header rules
  [/#{6}\s?([^\n]+)/g, "<h6>$1</h6>"],
  [/#{5}\s?([^\n]+)/g, "<h5>$1</h5>"],
  [/#{4}\s?([^\n]+)/g, "<h4>$1</h4>"],
  [/#{3}\s?([^\n]+)/g, "<h3>$1</h3>"],
  [/#{2}\s?([^\n]+)/g, "<h2>$1</h2>"],
  [/#{1}\s?([^\n]+)/g, "<h1>$1</h1>"],

  //bold, italics
  [/\*\*\s?([^\n]+)\*\*/g, "<strong>$1</strong>"],
  [/\*\s?([^\n]+)\*/g, "<em>$1</em>"],
  
  //links
  [
    /\[([^\]]+)\]\(([^)]+)\)/g,
    '<a href="$2">$1</a>',
  ],

  //highlights
  [
    /(`)(\s?[^\n,]+\s?)(`)/g,
    '<a style="background-color:grey;color:black;text-decoration: none;border-radius: 3px;padding:0 2px;">$2</a>',
  ],
]

function markdown2html(markdown = '') {
  let html = markdown;
  try {
    rules.forEach(([rule, template]) => {
      html = html.replace(rule, template);
    });
  } catch (error) {
    console.error('转换失败：', error);
  }
  return html;
}

console.log(markdown2html(`
# heading1
## heading2
### heading3
#### heading4
##### heading5
###### heading6

**strong**
*em*

[百度](https://www.baidu.com)

\`highlight\`
`));

const escapeHtml = require('escape-html');

// 过滤用户输入的评论内容
const comment = escapeHtml(req.body.comment);

// 输出评论内容到网页中
var comment = document.createElement('div');
comment.innerHTML = encodeURIComponent(data.comment);
document.getElementById('comments').appendChild(comment);

Content-Security-Policy: default-src 'self'; script-src 'self' example.com